CSS32X URL的背景和不透明度的背景

我有一句话：

---

背景：url../img/background-first-layer.png不重复，url../img/background-second-layer.png不重复 下面是一个使用伪元素的示例。伪元素：：before被绝对放置在原始容器中，其背景图像的z索引设置为-1，不透明度设置为0.42。这样，您的内容不受不透明度的影响，并且位于不透明度之上，因此用户可以与其进行交互

现在，您可以使用原始div中的另一个div来实现这一点，也可以简单地放置一个空div/span，并赋予它与减去内容的伪元素相同的样式：但是我不确定您是否可以编辑html

我添加了背景色，这样你就可以清楚地看到发生了什么

身体{ 颜色：fff； 背景：绿色url../img/background-first-layer.png不重复； 背景尺寸：封面； } .集装箱{ 最大宽度：2560px； 宽度：100%； 高度：自动； 位置：相对位置； } .容器：：之前{ 背景：灰色url../img/background-second-layer.png不重复； 背景尺寸：封面； 内容：； 位置：绝对位置； 排名：0； 底部：0； 左：0； 右：0； 不透明度：0.42； z指数：-1； } .左侧区域{ 填充：55px0； 文本对齐：居中； } .品牌{ 右边填充：24px； 宽度：100%； 最大宽度：112px； } 不需要不透明的代码

不需要不透明的代码

---

您需要使用两个容器或一个伪元素，每个容器或伪元素上都有背景图像，并为其中一个提供所需的不透明度。据我所知，你不能做到这一点，只有元素，除非它是一个背景色。如果您不能更改html，那么我会说使用一个伪元素作为背景之一，并将不透明度添加到itThanks中作为答案。好的，当我使用不透明度时，这个容器中的其他容器也会得到不透明度，如何使它仅用于backgroundmain容器？当您使用pseudo元素进行此操作并将不透明度放在pseudo元素上时，您不会有这个问题。假设伪元素没有内容。关键是，您的内容应该在没有不透明性的容器中。如果你发布一个简单的代码来重现你的问题，我可以发布一个答案我为第一篇文章添加了示例代码