Zインデックスの問題 - ドロップダウンメニュー

Question

サブメニュー（ドロップダウン）が#main divの後ろにある問題があります。私はZのインデックス値を変更しようとしましたが（divの位置は保証されていますが）運がありませんでした。

私は自分の進捗状況をjsfiddleにアップロードして、誰かが私が間違っていた場所を見ることができるかどうか疑問に思っていますか？

http://jsfiddle.net/indigoclothing/8aGZC/4/

おかげ

Answer 1

デモは作業が非常に複雑で、リンクとしてHTML内にいくつかのCSSを追加し、jsFiddle内にいくつかの管理リソースを追加しました。これは非常にです。将来的には、機能していない関連する部分だけを含めることをお勧めします。 Short, Self Contained, Correct (Compilable), Exampleを作成すると、よく問題がどこにあるのかが分かります：

つまり、フィドルのCSSセクションから以下を削除すると、管理されたリソースが私のために修正されているようです。

#header { 
    z-index:2; // <-- remove this 
} 

問題は、メニューと内容が異なるスタッキングコンテキストを持っていることである - この概念の素晴らしい説明についてOverlapping and z-indexを参照してください。

Answer 2

あなたがポジションを使用してみました：継承します。相対的なのではなく "メイン" divで、それに応じて要素の位置を変更しますか？