html - ネストされた div の z-index

Question

次の問題があります。

3 つの div があり、そのうち 2 つは position:fixed; です。しかし、それらは同じ DOM レベルにないため、z-index は機能しません-

参照してください

http://jsfiddle.net/hCFzS/

赤い div をすべての上に移動しようとしていますが、うまくいきません。手伝って頂けますか？

ありがとう

Answer 1

div が適切に閉じられていませんでした。あなたは>

結果: jsFiddle . 今、それは上にあります。

Answer 2

htmlを次のように更新します

<div id="nav"></div>
<div id="container">
    <div id="div1"></div>
    <div id="div2"></div>
</div>​

Answer 3

jsfiddleあなたのためにそれを修正しました。
追加するtop:0とleft:0、全身の左と上に配置されます。navまた、要素のdivを適切に閉じました。