html - css-ドロップダウンナビゲーションを取得して、その下のコンテンツの上に表示することはできません

Question

CSSドロップダウンナビゲーションを作成していますが、ナビゲーションdivの下のdivのコンテンツの上にドロップダウンを表示できません。両方のdivを絶対に配置せずに、z-indexを指定せずに、これを行うにはどうすればよいですか？あなたはここで私の例を見ることができます：

score 1 · Accepted Answer

あなたはすでに絶対測位を使用していますが、とにかくそれにz-indexを追加してみませんか？

#container #top_nav .subnav {
    position: absolute;
    top: 37px;
    width: 100%;
    z-index: 1000;
}

それはそれを修正します、あなたは今それのためにより良い背景色に取り組む必要があります！

score 1 · Accepted Answer

マークアップでブロックを指定または交換するz-indexなしではそれを行うことはできません

あなたのCSSに追加

#container #nav_container {
    z-index: 2;
}
#container #nav_container li a {
    background-color: #fff;
}

score 0 · Accepted Answer

「機能」divに負のz-indexを与えることも機能します（Chrome Firebugでテスト済み）

z-index:-1

score 0 · Accepted Answer

#container #top_nav .subnav{
  z-index: 2;
}

#container #top_nav .subnav li > a{
  background: #fff;
}

4 に答える 4