在图像前面模糊元素

Question

嗨伙计们。我有这个问题。所以我有一张图片。在图像的前面是宽度和高度的简单元素。我想模糊那个元素，所以看起来这部分图片模糊了。我不能在该元素中有任何图像或背景图像。我希望在不使用任何其他图像的情况下实现此效果，只需要css。我尝试放置背景颜色，降低不透明度并放置滤镜：模糊，但看起来不太好。我仍然可以阅读应该模糊的文字。

Answer 1

目前无法在没有javascript的情况下完全支持此功能。但是，如果您想支持一组有限的浏览器，可以使用backdrop-filter

  

backdrop-filter CSS属性可让您应用此类图形效果   模糊或颜色转移到元素后面的区域。因为   它适用于元素背后的所有内容，以查看效果   必须至少部分地制作元素或其背景   透明的。