0

要素をクリックして、サブメニューを前面に表示しようとしています。サブメニュー (青色) は、下のナビゲーション メニュー (黄色) をオーバーレイすることになっていますが、そうではありません。

これは動作が壊れたデモです: http://jsfiddle.net/rqeRC/1/

sub menu == #profileMenu
navigation menu == #navigation

サブメニューは z-index 3 の絶対配置ブロックですが、ナビゲーション メニューは z-index 2 の相対配置ブロックです。この方法では機能しないようです。

注: バックグラウンドに固定要素が既にあるため、これらの要素をフォアグラウンドに保持するには z-index が必要です。

4

2 に答える 2

0

ナビゲーションと #profileMenu の z-index は同じで、2 です。profileMenu の z-index をより高い値に設定します。

フィドル: http://jsfiddle.net/rqeRC/2/

#profile {
    float: right;
    margin: 60px 47px 0px 0px;
    position: relative;
    z-index: 3;
}
#navigation {
    float: right;
    margin: 60px 47px 0px 0px;
    min-height: 248px;
    position: relative;
    width: 248px;
    z-index: 2;
}
于 2013-07-13T23:46:51.043 に答える
0

z-index を on#profileよりも高くするだけです#navigation。例えば

#profile {
    float: right;
    margin: 60px 47px 0px 0px;
    position: relative;
    z-index: 20;
}
于 2013-07-13T23:47:32.680 に答える