Html 如何使父对象透明而不使子对象透明？

我制作了一个包装器div来包装我所有的内容，我给我的包装器一个背景纹理，我想给它增加透明度。然而，当我为包装设置不透明度时，它的所有子元素、包含文本和图像的web内容都变成了半透明，我如何将透明度仅设置为父元素？

如果元素是透明的，那么它包含的所有内容都将是透明的

---

听起来你真正想要的是半透明的背景。如果使用的是纹理，则需要使用图像编辑工具使纹理半透明并将其保存为PNG。

如果元素是透明的，则它包含的所有内容都将是透明的

---

听起来你真正想要的是半透明的背景。如果您使用的是纹理，则需要使用图像编辑工具使纹理半透明并将其保存为PNG。

不要使用

不透明度

，好像会过滤掉。改为使用带有alpha的背景色

background-color: rgba(255,255,255,0.5);

---

由于您使用的是图像，您最好的选择可能是将透明度烘焙到图像中（因为您不能淡入淡出等，所以很糟糕），或者尝试将子对象移出纹理css的层叠线

不要使用用户

不透明度
，好像会过滤掉。改为使用带有alpha的背景色

background-color: rgba(255,255,255,0.5);

由于您使用的是图像，您最好的选择可能是将透明度烘焙到图像中（因为您不能淡入淡出等，所以很糟糕），或者尝试将子对象移出纹理css的层叠线
 您好，我提到的是一个属性，您可以通过该属性增加和减少
父容器
背景的不透明度，而这不会影响
子容器
。很简单，看到css基本上你必须使用
rgba
这里
rgb
作为背景颜色和
a-alpha
作为不透明度

CSS

背景：rgba（0,0,0,0.1）

您好，我提到的是一个属性，您可以通过该属性增加和减少
父容器
背景的不透明度，而这不会影响
子容器
。很简单，看到css基本上你必须使用
rgba
这里
rgb
作为背景颜色和
a-alpha
作为不透明度

CSS

背景：rgba（0,0,0,0.1）

可能的复制：如果是纹理（图像），很简单，你不能复制。你必须把孩子们拉出来，这样做。或者，使用透明图像（png）或使用背景色，并将其设置为RGBA（使背景色透明，但不使子对象）可以复制：如果它是纹理（图像），很简单，您无法复制。你必须把孩子们拉出来，这样做。或者，使用透明图像（png）或使用背景色并将其设置为RGBA（使背景色透明但不是子对象）那么为什么transbox示例上的文本不会变为透明？为什么transbox示例上的文本不会变为透明？这对OP不起作用，因为他指定他有背景纹理。这对OP不起作用，因为他指定他有背景纹理。