jquery - 父 div 类的 z-index 高于子类

Question

我希望覆盖一个指示元素处于非事件状态的模式。

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

这是一个带有交叉图案的透明 png://///所以下面的内容可以是半可见的。

问题在于，由于子元素在其中，它们并没有真正被背景图像覆盖；似乎它们被覆盖了。它对带有白色区域的图像特别无效。

所以我尝试对 parent 使用较高的 z-index 而对 child 使用较低的 z-index？？？

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

有什么想法吗？

Answer 1

z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).

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