html - CSS ドロップダウンメニューの競合

Question

最近テーマを購入しましたが、ドロップダウンメニューに問題があります。説明ボックスの下に表示されます。

ウィメンズシューズの下に移動し、「ブーツ」サブメニューにマウスを置いたままにすると、コンテンツボックスが下に移動します。このサイトを確認してください。 http://morestore.org/

score 1 · Accepted Answer

これを css に追加します。

#featured{
    z-index:0;
}

#header{
    z-index:100;
}

スライダーの上に表示されるように、ヘッダーに高い z-index を追加する必要があります。z-indexcss プロパティは、多くのレイアウトの課題を克服するための効果的な方法です。詳細については、Smashing Magazineをご覧ください。

score 0 · Accepted Answer

0

z-index:15 を z-index:5 に変更します

の

.slide .description {

}

于 2013-02-02T22:09:33.593 に答える

score 0 · Accepted Answer

#menuz-indexに設定されている 15 よりも高い値が必要です.slide .description。CSS ファイルの次の行を変更します。

#menu{position:absolute;bottom:-103px;left:0px;background:url(images/secondary-menu.png) no-repeat;width:961px;height:98px;z-index:10;}

これに：

#menu{position:absolute;bottom:-103px;left:0px;background:url(images/secondary-menu.png) no-repeat;width:961px;height:98px;z-index:20;}

Chromeで試してみましたが、動作します。後で説明ラベルなどの他の動的コンテンツを追加する場合に備えて、z-index にはるかに高い値を設定できます。ラベルの上に z-index があります;)

html - CSS ドロップダウン メニューの競合