css - 背景过滤器 : blur effect without using backdrop?

标签 css webkit blur

<分区>

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

最佳答案

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

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

关于css - 背景过滤器 : blur effect without using backdrop?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45141811/

上一篇:javascript - Bootstrap - 如何更改选择 "placeholder"选项文本的颜色

下一篇:css - Angular Material 2 找不到核心主题

相关文章:

jQuery .focus(在字段 X 上)导致 .blur(在字段 X 上)被调用

html - 并排设置两个div,在其下方设置第三个div

html - 两列不重叠的div布局

css - WebKit 中不稳定的 CSS3 宽度转换

CSS 过渡不适用于百分比高度?

html - 通过 css 模糊没有背景图像的元素

tinymce - 如何触发 tinymce 4.x 焦点和模糊事件

html - 网站意外溢出

css - Chrome -webkit-animation-play-state 闪烁

css - 为什么这个导航在 Firefox 上坏了?