0

jqueryスライダーの前にメニューが表示されているWebサイトを取得しました。IE7では、ドロップダウンメニューがメニューの後ろにあります。

ウェブサイトは次のとおりです。http：//lkanlaeg.stom.dk/

これまでに何を試しましたか？

  • 動作しなかったjqueryの修正。
  • すべての上位要素を「相対」に配置し、それに応じてz-indexを設定します。

次に何を試してみることをお勧めしますか？ポジショニングプロセスを繰り返しますか？私のコードは次のようなものでした：

#wrapper, .content-wrapper, #header-wrapper, #primary-menu, #new-royalslider-1, #primary-menu ul{
position: relative;
z-index: auto;

プラス

#primary-menu ul li ul{
z-index: 900;
position: absolute;

私はここで間違っていますか？

私が見つけた唯一の「半分の解決策」は、スライダーのz-indexを-1に設定することです。これは実際に役立ちます。しかし、私はそれが最後の選択肢のように感じます。

4

1 に答える 1

1

content-wrapper75行目の最初の行に追加し、142行style="z-index:10;"目の2番目の行にスタイルブロックを追加しました。これですぐに修正されました。content-wrapperz-index:5;

トップラッパーは本体よりも大きくする必要があります。これにより、メニューがすべての上にプッシュされます。これをbrowserstackでテストしましたが、正常に動作します。

ここに画像の説明を入力してください

于 2013-02-25T12:53:44.113 に答える