html - Div CSS背后的模糊

标签 html css blur

我在一个网站上工作,我需要使div后面的背景变成蓝色,并且我找不到使用CSS的方法。

我找到了一篇文章,展示了如何执行此操作,但是无法准确复制它。

这是文章:https://jordanhollinger.com/2014/01/29/css-gaussian-blur-behind-a-translucent-box/

这是我的页面:http://biolinks.redxte.ch/blur

如果有人能让我知道我在做什么错,那就太好了,谢谢。

最佳答案

backdrop-filter: blur(10px);

它将模糊元素后面的区域。

关于html - Div CSS背后的模糊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42657962/

相关文章:

html - 缩放转换在 Firefox 中不起作用

javascript - clientHeight 在 JavaScript 中不起作用?

JavaFX - 在高 dpi 的 Canvas 上使用矩形绘制时避免模糊

javascript - 如何模糊 HTML5 视频标签的特定区域?

javascript - HTML5 运行不正常,我的代码哪里出错了?

html - 难以让社交媒体图标内联显示

html - CSS第一个 child 不工作

css - 如何设置 SVG 路径元素的亮度

javascript - Blur() 不适用于这种情况?

html - Bootstrap 导航栏不在移动浏览器上调整