Div CSS 背后的模糊

Red*_*ech 2 html css blur

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

我找到了一篇文章,展示了如何做到这一点,但我无法准确复制它。

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

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

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

W.L*_*eto 5

backdrop-filter: blur(10px);
Run Code Online (Sandbox Code Playgroud)

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

  • 现在可以了吗?Firefox 仍然不支持,这是一个遗憾 (2认同)