所以我大概知道了:
<div id="A">
<ul>
<li id="B">foo</li>
</ul>
</div>
<div id="C">
...
</div>
它们的位置使 B 和 C 重叠。
A 的 z-index
为 90
,B 的 z-index
为 92
,并且C 的 z-index
为 91
。但是 C 出现在 B 前面。我做错了什么? (如果需要更多详细信息,请告诉我。)
最佳答案
使用 z-index
仅与同一容器中的元素相关。由于 B 包含在 A 中,因此 B 的 z-index 仅在解析 A 中的其他元素时适用。就 C 而言,B 和 A 均以 z-index 90 呈现。但是,如果 C 位于 A 中,则 B将呈现在前面。
关于html - z-index 不符合我的预期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/389788/