html - Z-インデックスが上に要素を表示していません

Question

次のページ： http： //jsfiddle.net/3h7pL/

z-indexまたはpositioningで何をしても、サブメニューが表示されないという問題があります。「ラウンドロビン」の上にマウスを置くと、その下に箇条書きが表示されます。マークアップに表示されますが、CSSには表示されません。理由を判断するのに苦労しました。

Answer 1

追加してみてください：

nav > ul:hover {z-index: 3}

あなたのnavatはのの下にz-index: 1隠れています。contentBodyz-index: 2

更新：ただし、その解決策（フィドルを参照）はシャドウイングを台無しにします。これ以外のすべての要素z-indexからすべてを削除した場合：nav

nav > ul > li:hover ul {
         z-index: 3;
         display: block;
     }

その後、シャドウイングを台無しにすることなく動作します。