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将在前面呈现.