大家好我有这个问题。所以我有一张图片。在该图像的前面是具有宽度和高度的简单元素。我想对该元素进行模糊处理,使其看起来像图片的那部分模糊了。我不能在该元素中包含任何图像或背景图像。我想在不使用任何其他图像的情况下(仅使用CSS)来实现此效果。我尝试设置背景色,降低不透明度并设置滤镜:模糊但效果不好。我仍然可以阅读应该模糊的文本。

最佳答案

目前,如果没有JavaScript,就不可能在完全支持的情况下做到这一点。但是如果您想支持一组有限的浏览器,则可以使用backdrop-filter


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

10-05 21:03
查看更多