8

私はこのウェブサイトでnivosliderと自分で作ったドロップダウンメニューの両方を使用していますが、スライダーが画像を表示すると、メニューがスライドショーの後ろに表示されます。「Bilservice」にカーソルを合わせると、作業中のWebサイトで確認できます。

http://tantobil.se/

z-indexを試しましたが、うまくいきませんか？ここに欠けているものはありますか？すべての助けは非常に高く評価されています

4

4 に答える 4

9

chromeで修正するには、CSSスタイルシートstyle.cssの148行目を変更してz-indexを追加してみてください：-50;

#slideshow {
  margin-top: 30px;
  height: 270px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 3px solid black;
  background-color: #999;
  overflow: hidden;
  z-index: -50;
}
于 2011-02-12T13:37:47.097 に答える
5

確かに、「サブカテゴリ/ドロップダウンメニュー」のZインデックスは、デフォルトで10であるnivosliderのzインデックスよりも高くする必要があります。

z-index：9999を修正するだけです。ドロップダウンメニューの場合、および.nivosliderの値が10以外の場合は、メニューのz-indexがnivosliderよりも高いことを確認してください。

于 2012-10-23T14:05:05.790 に答える
2

.nivo_sliceクラスは、ドロップダウンよりも高いz-indexを持っています。サブメニューのz-indexが.nivo_sliceクラスよりも高くなるように変更すると、修正されるはずです。

于 2011-02-12T13:44:14.537 に答える
1

正解です。それはz-indexあなたのメニューの価値です。z-indexメニューは、スライダーよりもcssで高い値を持つ必要があります。

テンプレートのcssを調べて、メニューのz-indexを確認してから、次のことを確認します。

../wp-content/plugins/easy-nivo-slider/3rd-party/nivo-slider.css

../wp-content/plugins/easy-nivo-slider/css/easy-nivo-slider.css

メニューz-index値がスライダーよりも高いことを確認してください。それは私のために働いた。

于 2011-06-07T16:53:04.113 に答える