html - z-index 和不透明度，一张图片部分位于另一张图片之上，如何去除透明度？

Question

我的网站上有两张图片，一张只是一张图片(在 HTML 文件中)，而另一张是容器的背景(页面的主要部分)(在 CSS 文件中定义为“背景- image:url(x)") 通过标签添加到 HTML 文件。页面其余部分的背景为#eeeeee(略深的白色)。

两者的 z-indexes 设置为图像位于背景图像之上，这正是我想要的......但是，我可以透过图像看到背景图像。这是因为 opacity:0.4 作为样式属性。所以它显示在背景中是有道理的，但是有什么方法可以使它透明地显示在我的#eeeeee 背景中吗？

Answer 1

为图像的 css 添加一个 opacity 属性。