对于兼容backdrop-filter的,.g-glossy内的代码将直接生效,并且.g-glossy-firefox不会展示; 对于Firefox 浏览器,因为backdrop-filter必然不兼容,所以.g-glossy内的backdrop-filter: blur(10px)不会生效,而@supports (background: -moz-element(#bg))内的样式会生效,此时.g-glossy-firefox将会利用background: -mo...
backdrop-filter属性可以让你为一个元素后面区域添加图形效果(如模糊或颜色偏移)。 因为它适用于元素背后的所有元素。 这个方法不仅能轻松实现毛玻璃,而且还轻松地实现了各种滤镜,颜色偏转 实现毛玻璃的时候不像blur那样需要添加多余背景,不兼容IE 用法如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ...
filter:blur(0px)可以加一些前缀使其兼容 如有疑问欢迎追问