z-index是否继承父z-index？

Question

我有两个绝对的div.div A上的一个项目将显示div B(点击+一些javascript代码).我希望在B上有比在A上更高的Zindex.(我希望B高于A) -

此项目有自己的zindex(低于div A zindex).我比zindex由父母的孩子继承,但似乎没有.

问题是 ...？如何获取"项目"的"计算"zindex

Answer 1

不,它不是遗传的.您可以在MDN文章中看到它.

但是,请注意,z-index相对于堆叠上下文设置z位置.带有non的定位元素auto z-index将创建堆叠上下文.

这意味着,如果你有

<div id="a">
    <div id="b"></div>
</div>
<div id="c"></div>

#a, #b, #c { position: absolute; top: 0 }
#a { z-index: 1; }
#b { z-index: 1000000; }
#c { z-index: 2; }

然后,即使有更高的#c重叠,也会重叠.#b#bz-index

因此,z-index技术上不是遗传,但z-index祖先确实会影响z位置.

我建议阅读没有人告诉你Z-Index

Answer 2

您可以使用客户端调试器（例如 Firefox 的 Firebug）来检查计算的样式：