为什么CSS修改阴影时遇到报错，如何解决？

在文章实战开发的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《为什么CSS修改阴影时遇到报错，如何解决？ 》，聊聊，希望可以帮助到正在努力赚钱的你。

CSS修改阴影报错分析

在CSS中，修改导航栏阴影时遇到报错。

问题代码：

box-shadow: 1px 6px 20px 1px rgb(0 0 0 / 50%) !important;//报错

使用 !important 也无法覆盖默认的 box-shadow 样式。

解决方案：

将 rgb() 写法改为 rgba() 写法，例如：

box-shadow: 1px 6px 20px 1px rgba(0, 0, 0, 0.5) !important;

其他备注：

• RGB() 写法在 IE9 及以下浏览器中不支持透明度。
• RGB() 写法更适合设置纯色阴影，而 RGBA() 写法可以设置带透明度的阴影。

到这里，我们也就讲完了《为什么CSS修改阴影时遇到报错，如何解决？ 》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！