Css 在降低暗背景容器的不透明度时考虑较低的对比度

我目前正在尝试修复一些CSS。我得到的规范是背景应该是透明的，如下所示：

#container {opacity:0.5;}

但正如你所看到的，当我将背景设置为透明时，白色文本看起来非常褪色，相比之下：

此时，文本在CSS中设置为完全白色、完全不透明：

.banner-content p {
    color: rgba(255,255,255,1) !important;
}

---

考虑到文本已经尽可能的白色和不透明，有人能建议任何CSS技巧来增加明显的对比度吗…

当您像这样设置容器的不透明性时：

#container {opacity:0.5;}

它会影响容器及其所有子容器的不透明度。因此字体也变得50%不透明

看起来你真的只是想给容器一个半透明的背景，你可以这样做：

#container {background-color:rgba(0, 0, 0, 0.5);}

---

这不会影响该容器中的文本。

我将检查此内容并接受它是否有效。我认为这只是对比！如果这不起作用，请包括你的HTML和CSS，这样我可以看到确切的结构。工作得很好。谢谢：）。