z-index被忽略：2個固定div，其中1個位置相對於div

Question

我有一個硬標題出現一個標題。我在出現在模式窗口頂部的twitter引導覆蓋圖遇到問題，我可以用下面的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？

Answer 1

嗨現在用這個演示http://jsfiddle.net/rohitazad/UnTvQ/5/

定義頂格z-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> 

Live demo

詳細瞭解如何工作z-index鏈接here