html - z-index 不符合我的预期

Question

所以我大概知道了:

<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 前面。我做错了什么？ (如果需要更多详细信息，请告诉我。)

Answer 1

使用 z-index 仅与同一容器中的元素相关。由于 B 包含在 A 中，因此 B 的 z-index 仅在解析 A 中的其他元素时适用。就 C 而言，B 和 A 均以 z-index 90 呈现。但是，如果 C 位于 A 中，则 B将呈现在前面。