Css 带有背景图像和图像父标记的z索引问题

我对z-index属性有一些问题： 代码如下：

<div id="sidebarCont">
<div id="avatarCont" class="mask">
    <img id="" class="" src="img.jpg" alt=""/>
</div>

}

}

---

我不想在图像上有一个面具，有人有办法解决这个问题吗？

你需要在图像上有面具。使图像成为外部容器的背景，使遮罩成为内部容器的背景。浏览器将首先渲染外部容器（图像），然后在顶部渲染内部容器（遮罩）。如果你试图做到alpha透明，那么网络无法为你做到这一点

结构：

<div class="image">
    <div class="mask"/>
</div>

---

您可以使用

：在

伪元素之后，这样您在容器之后就有了一个掩码：

谢谢您的回答，我需要在第一个div上有一个背景图像，用另一个img背景覆盖另一个div，第一个容器有一个z索引higger值。然后我的回答是“您不能”。

#avatarCont img{
position:absolute;
top:0px;
left:0px;
z-index:50;

<div class="image">
    <div class="mask"/>
</div>

.image, .mask {
    height:160px;
    width:160px;
}

.image {
    margin:0px auto;
    position:relative;
    z-index:70;
}

.mask {
    background:url('img.jpg') no-repeat;
}