通过backdrop-filter: blur(3px);可以做出类似毛玻璃模糊特效。
但火狐默认不支持 backdrop-filter: blur()模糊属性
在火狐浏览器地址栏输入about:config,回车之后页面出现输入框
在输入框内输入layout.css.backdrop-filter.enabled
点击右侧的切换按钮切换为 true
一些早期的版本修改了也没用,可以通过下面的判断另写样式
@supports not (backdrop-filter: blur(15px)) { 样式 }
至于火狐为什么默认不打开这个设置,让人莫名其妙。
另外,如果与
transform: translate(-50%, -50%);
同时使用,火狐中也无效...
我要提问