Chrome、Edg 默认都支持 CSS3 的 backdrop-filter 样式,Firefox 默认居然不支持,版本 92 (64-bit)。
Firefox 这坑货还得手动开启 backdrop-filter 支持。
浏览器地址栏输入 about:config
,然后奔出了个 Proceed with Caution 的警告,Accept 就行,然后是一片空白。
在 Search preference name 里输入 backdrop 在跳出的 layout.css.backdrop-filter.enabled 右边,将 false 切换成 true 就可以了。
不知道这开起来对 Firefox 有啥影响,为啥还得自己开,奇怪。
顺便可以将 gfx.webrender.all 设置成 true,据说可以改善网页加载过程中渲染的平滑程度,Windows 10 配备英伟达的显卡才可以看到效果,好像我没显卡。。。
至于 backdrop-filter 属性,可以看这里:
https://www.w3cschool.cn/doc_css/css-backdrop-filter.html
我就用一下它的高斯模糊,其他都没用到。
THE END