前端box-shadow出现兼容性问题如何处理

Youyzq2025-10-15 19:12

问题回顾

谷歌浏览器展示box-shadow 没有任何问题，但是ie和360浏览器box-shadow失效了

谷歌浏览器

360浏览器

这里看的是直接失效了，我的语法

css 复制代码

    box-shadow: 0 0 20px 0 rgb(0 0 0 /10%);

从网上搜集到的资料

需要改成,但是这样并不能通过eslient的校验

css 复制代码

    box-shadow: 0 0 20px 0 rgb(0 0 0 .1);

1.用取色器取代码的颜色

2.修改代码

css 复制代码

box-shadow: 0 0 20px 0 #d1cece;

这样就不会出现兼容性问题了

这样就好了