大家好我有这个问题。所以我有一张图片。在该图像的前面是具有宽度和高度的简单元素。我想对该元素进行模糊处理,使其看起来像图片的那部分模糊了。我不能在该元素中包含任何图像或背景图像。我想在不使用任何其他图像的情况下(仅使用CSS)来实现此效果。我尝试设置背景色,降低不透明度并设置滤镜:模糊但效果不好。我仍然可以阅读应该模糊的文本。
最佳答案
目前,如果没有JavaScript,就不可能在完全支持的情况下做到这一点。但是如果您想支持一组有限的浏览器,则可以使用backdrop-filter
background-filter CSS属性可让您应用图形效果,例如
如模糊或颜色转移到元素后面的区域。因为
它适用于元素后面的所有内容,以查看您的效果
必须至少部分使元素或其背景
透明。