背景过滤器:不使用背景的模糊效果? [英] backdrop-filter: blur effect without using backdrop?

查看:30
本文介绍了背景过滤器:不使用背景的模糊效果?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想要制作一个 div,它可以在不使用背景的情况下模糊其下方的所有内容.如何在不使用背景的情况下制作 backdrop-filter:blur 效果?因为 backdrop-filter:blur 不适用于所有浏览器

i want make a div that can blur everything beneath it without using backdrop. how to make backdrop-filter:blur effect without using backdrop? because backdrop-filter:blur not work in all browser

推荐答案

在您的内容上方添加一个图层并将其设置为

Add a layer above your content and set it to

-webkit-filter: blur(5px);
filter: blur(5px);

这篇关于背景过滤器:不使用背景的模糊效果?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆