如何在内容中插入模糊背景图像而不干扰内容中的文本？

Posted 2023-03-06

【中文标题】如何在内容中插入模糊背景图像而不干扰内容中的文本？

【英文标题】：How to Insert Blur Background Image in the content without disturbing the text in the content?

【发布时间】：2017-01-28 01:24:05

【问题描述】：

那么我在这里给出背景 在下一个 div 中声明内容

back
    background-image: link
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity:0.25

当我尝试整个页面获取不透明度属性时。我只想将 opacity 属性继承到背景图像而不是内容元素。

【问题讨论】：

This has already been answered.

【参考方案1】：

您可以尝试将图像放在一个 div 中，将文本放在另一个 div 中，然后使用位置属性将内容放置在图像上。