css - z-index 被忽略：2 个固定 div，其中 1 个位于相对 div 的位置

Question

我有一个硬标题想出一个标题。我在出现在模式窗口顶部的 twitter bootstrap 覆盖时遇到了问题，我可以用下面的 html 来说明我的问题。我还提供了一个jsfiddle。

<div style="position: relative; z-index: 1;">
    <div style="background: blue; position: fixed; z-index: 3;">
    </div>
</div>
<div style="background: green; position: fixed; z-index: 2; top: 0">
</div>​

如何让蓝色 div 出现在绿色 div 之上？为什么绿色 div 在蓝色 div 之上？

Answer 1

嗨，现在习惯了这个演示http://jsfiddle.net/rohitazad/UnTvQ/5/

定义顶部 divz-index

<div style="position: relative; z-index: 3;">
    <div style="background: blue; position: fixed;">
    </div>
</div>
<div style="background: green; position: fixed; z-index: 2; top: 20px; left:10px;">
</div>

现场演示

在此处了解有关 如何工作 z-index链接的更多信息