Question

我希望覆盖一个表明元素处于非活动状态的模式。

li .inactive {
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQALTGgr+k8phYGAAAFSlChVXUdguAAAAAElFTkSuQmCC) repeat;
}

这是一个带十字图案的透明png：/////所以下面的内容可以半透明。

问题在于，由于子元素在其中，因此它们并未被背景图像覆盖;它似乎只是被覆盖了。它对白色区域的图像特别无效。

所以我尝试为父级使用更高的z-index，为子级使用更低的???

li .inactive {
     z-index: 9999;
}
li .inactive * {
     z-index: -1;
}

有什么想法吗？

Answer 1

z-index仅适用于定位元素（位置：绝对， position：relative，或position：fixed）。

尝试将元素设置为position:relative，然后应用z-index

父div类比儿童更高的z-index

1 个答案: