CSS背景不透明度[重复]

问题：

This question already has an answer here: 这个问题已经在这里有了答案：

• How do I give text or an image a transparent background using CSS? 如何使用CSS为文本或图像提供透明背景？ 28 answers 28个答案

I am using something similar to the following code: 我正在使用类似于以下代码的内容：

<div style="opacity:0.4; background-image:url(...);">
    <div style="opacity:1.0;">
        Text
    </div>
</div>

I expected this to make the background have an opacity of 0.4 and the text to have 100% opacity. 我希望这可以使背景的不透明度为0.4，文本的不透明度为100％。 Instead they both have an opacity of 0.4. 相反，它们都具有0.4的不透明度。

---

解决方案：

参考一： https://stackoom.com/question/hjU5/CSS背景不透明度-重复
参考二： https://oldbug.net/q/hjU5/CSS-Background-Opacity-duplicate

来源：oschina

链接：https://my.oschina.net/u/4438370/blog/4269843