Html 在CSS中使用不透明度时，如何使背景透明而不是文本？

基本上我有一个div，我希望背景是透明的

<div id="modSideTop"><div id="modSideTopText">This Text Must Not Be Transparent</div></div>

此文本不能是透明的

modSideTop div具有通过css附加的背景图像。我需要的其他css是什么来保持文本正常和背景透明

提前感谢您的帮助

用于

背景

而不是使用

不透明度

。例如，50%半透明黑色：

background: rgba(0, 0, 0, 0.5);

在JSFIDLE上。

用于

背景

而不是使用

不透明度

。例如，50%半透明黑色：

background: rgba(0, 0, 0, 0.5);

---

在JSFIDLE上。

您好，我要提到的是一个属性，通过它可以增加和减少背景的不透明度，并且不会影响文本颜色。它很简单，请参见CSS基本上，您必须在背景和alpa中使用rgb颜色来实现不透明度

背景：rgba（146146,0.1）

---

或者参见示例：-

您好，我提到的是一个属性，通过该属性，您可以增加和减少背景的不透明度，并且不会影响文本颜色。它很简单，请参见CSS基本上，您必须在背景和alpa中使用rgb颜色进行不透明度

背景：rgba（146146,0.1）

---

或者参见示例：-

另一个选项是将两个元素放置在一个位置：相对容器作为同级，而不是直接的下位符，但向上投票给rgba。好主意。我会尝试这两种方法。rgba适用于颜色，但不适用于图像。但在PhotoShop中更改图像的不透明度并不困难。另一种选择是将两个元素放置在一个位置：将相对容器作为兄弟元素而不是直接的偏心元素，但向上投票选择rgba。好主意。我会尝试这两种方法。rgba适用于颜色，但不适用于图像。但在PhotoShop中更改图像的不透明度并不困难。