0

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

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

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

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

所以我尝试为父母使用更高的 z-index 而为孩子使用更低的 z-index ？？？

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

有任何想法吗？

4

1 回答 1

1

z-index 仅适用于定位元素（位置：绝对、位置：相对或位置：固定）。

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

于 2013-09-28T20:45:09.890 回答