这是在谷歌浏览器上的效果
而filter:blur(12px)却可以生效，但我不想内容模糊掉，
有什么办法吗？大佬们求解求解，万分着急
css3 backdrop-filter: blur(20px);为什么不生效，
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
崽崽的谷雨 2021-05-28 09:22关注把前缀webkit去掉试试再不行就提高优先级试试加上！important
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决评论 打赏无用 3举报 分享
- 2021-05-28 09:18回答 2 已采纳 把前缀webkit去掉试试再不行就提高优先级试试加上！important
- 2021-05-19 13:53回答 2 已采纳 只能根据浏览器的兼容性判断，先获取浏览器信息，然后根据兼容表判断。哦也可以试试console.log('backdropFilter' in document.documentElement.styl
- 2021-03-25 12:10回答 3 已采纳 我试了你的代码是在一行的,你可以检查一下.el-cascader,看看他的样式是不是行内块
- 2022-04-02 17:42TGODS的博客 遇到的问题：通过动画设置 backdrop-filter，Safari ...第二种：初始高度 不为0，在设置 高度动画（未测试，没mac，一直劳烦同事怕被打 ๑乛◡乛๑） 下面是 Safari 无效代码： <!DOCTYPE html> <html lan
- 2021-04-07 09:15回答 1 已采纳 https://blog.csdn.net/GXY1551705593/article/details/88057646
- 2018-05-27 05:16回答 2 已采纳 你的萧潇墨个人网站下， ``````还嵌套了一层``````，应该是这个原因。可以考虑多加一层筛选，或改一下其中一个类名
- 2020-11-23 15:08回答 1 已采纳 bootstraptable设置checkbox单选_逗号ing的博客-CSDN博客
- 2023-09-17 14:33雾中湿地的博客 我的情景：检查是否有opacity透明属性值，去除即可。
- 2019-09-05 17:25回答 2 已采纳 1、 将 $("#saveBtn").click(function(){ alert("3123"); }); 移到controllerAdd方法外
- 2017-08-17 17:24回答 1 已采纳 very basic mistake. U need to use class name instead of id. as browser changes the id if you have
- 2012-12-03 01:52回答 1 已采纳 It is possible this is a mysql data type issue (well, limit really). You say it fails on update bu
- 2022-05-13 09:01程序员半夏的博客 大家好，我是半夏，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～...backdrop-filter 可以说是 CSS 中为毛玻璃量身定制的一.
- 2017-05-18 12:07回答 1 已采纳 The JSON response is a collection. So you need to loop through it. See here So maybe something li
- 2022-01-07 22:20web前端开发V的博客 还记得毛玻璃效果吗？不知道你是否用filter属性设置过毛玻璃效果，其实实现这个效果的最佳方案应该使用backdrop-filter，因为filter导致模糊四周露白，模糊不均匀，但是ba...
- 2022-12-29 10:18青青子衿~~的博客 backdrop-filter是css中毛玻璃效果的属性，但是当他和position：fixed一起使用的时候，会改变css固定定位的相对位置点，固定定位原本是相对于浏览器左上角0,0border-radius和transform-translate使用的时候很离谱，...
- 2022-02-25 16:49裴嘉靖的博客 //backdrop-filter: blur(2px); 背景图迷糊效果 //用法： <div class="box"> <div class="item"> </div> </div> .box { height: 100%; width: 100%; background-image: url('http*...
- 2021-08-24 15:56草字的博客 弹窗的遮罩层，如果直接给filter：blur，模糊效果不会生效。 代码： background-color:rgba(0,0,0,0.5); backdrop-filter:blur(2px);
- 2020-12-15 17:18swallowblank的博客 今天在youtube上看到了一个关于使用css完成毛玻璃特效的视频。 很奇怪的一点是，在card上加入了backdrop-filter之后，card上的所有过渡...backdrop-filter: blur(5px); 当去掉这个属性以后，整个页面极其流畅。 ...
- 2019-12-02 20:04HQEasy的博客 #app{ background: hsla(0, 0%, 100%, .75); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
- 2022-04-01 19:26小雍雍的博客 安卓机 webview backdrop-filter毛玻璃效果样式
- 没有解决我的问题, 去提问
问题事件
系统已结题
10月6日
已采纳回答
9月28日
悬赏问题
- ¥15 腾讯云如何建立同一个项目中物模型之间的联系
- ¥30 VMware 云桌面水印如何添加
- ¥15 用ns3仿真出5G核心网网元
- ¥15 matlab答疑 关于海上风电的爬坡事件检测
- ¥88 python部署量化回测异常问题
- ¥30 酬劳2w元求合作写文章
- ¥15 在现有系统基础上增加功能
- ¥15 远程桌面文档内容复制粘贴，格式会变化
- ¥15 这种微信登录授权 谁可以做啊
- ¥15 请问我该如何添加自己的数据去运行蚁群算法代码