图像背景后的黑色背景（不透明度 0.6），文本为不透明度 1答案

【问题标题】：black background (opacity 0.6) after an image background, and text is opacity 1图像背景后的黑色背景（不透明度 0.6），文本为不透明度 1
【发布时间】：2023-03-15 08:31:01
【问题描述】：

Here is an example

正如您在教程中看到的，有 3 种不同的不透明度图片，分别是 0.2、0.6 和 1。
注意不透明度 = 0.2，背景是完全白色的，但我想要的是不透明度更多到黑色。
我想要的文字是白色的。有人可以帮忙吗？

【问题讨论】：

寻求调试帮助的问题（“为什么这段代码不起作用？”）必须在问题本身中包含重现它所需的最短代码。尽管您提供了一个示例链接，但如果该链接失效，您的问题对于未来遇到相同问题的其他 SO 用户将毫无价值。

标签： html css opacity

【解决方案1】：

不透明度意味着或多或少的透明，因此为了获得所需的效果，请使用不透明度为 0.9 的深色背景或在不透明度为 0.2 的图层下方放置一个深色图层

【讨论】：

当我放置一个暗层时，文本被继承并变为 0.2。我想要一个带有文本 1.0 的暗层 0.2。任何链接都可以提供帮助？

【解决方案2】：

您必须将父 div 背景颜色更改为黑色，并且文本只是将“颜色”CSS 属性设置为白色。希望能帮到你。

【讨论】：