最近テーマを購入しましたが、ドロップダウン メニューに問題があります。説明ボックスの下に表示されます。
ウィメンズ シューズの下に移動し、「ブーツ」サブメニューにマウスを置いたままにすると、コンテンツ ボックスが下に移動します。このサイトを確認してください。 http://morestore.org/
最近テーマを購入しましたが、ドロップダウン メニューに問題があります。説明ボックスの下に表示されます。
ウィメンズ シューズの下に移動し、「ブーツ」サブメニューにマウスを置いたままにすると、コンテンツ ボックスが下に移動します。このサイトを確認してください。 http://morestore.org/
これを css に追加します。
#featured{
z-index:0;
}
#header{
z-index:100;
}
スライダーの上に表示されるように、ヘッダーに高い z-index を追加する必要があります。z-index
css プロパティは、多くのレイアウトの課題を克服するための効果的な方法です。詳細については、Smashing Magazineをご覧ください。
z-index:15 を z-index:5 に変更します
の
.slide .description {
}
#menu
z-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 があります;)