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修改阴影时遇到报错,如何解决?的详细内容,更多请关注慧达安全导航其它相关文章!

点赞(0)

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部