1

私の問題：

親divを に設定しましz-index:0たが、望ましくない副作用として、親に含まれる 2 つのリンクdivが無効になります (ホバーなし、リンク アクションなし)。

環境：

画像スライダー (Nivo Slider) を使用しています。ナビゲーション メニューが画像スライダーを正しくオーバーレイできるようにするには、 を設定するz-index必要がありました。親コンテナの0を変更すると、次のリンクと前のリンクが機能しなくなります。z-index

実際の例:

http://tinyurl.com/boej3sq

  • div.nivoSlider=親コンテナ
  • a.nivo-prevNav/ a.nivo-nextNav=問題のあるリンク

私の質問：

「壊れた」リンクを修正するにはどうすればよいですか?

4

2 に答える 2

1

簡単な答えは、親要素の「z-index：0」を取り除くことができるということです。

または、

子要素に「position：relative」を配置し、現在の外観に応じてボタンのスタイルを変更できる長いルート。Z-indexは、positionプロパティを介して親要素と子要素で機能します。

于 2012-11-23T02:40:28.283 に答える
1

私はあなたのライブの例を見てきました.nivo-controlNav divは実際にあなたの前と次のリンクをカバーしています(それがあなたが話していることを願っています)それらを押しますが、ボタンの真ん中に行くとできません。私なら、nivo-controlNav の幅を 50% または固定幅に設定して、リンクから右側を引き離します。

別の方法: nivo-directionNav の z-index を増やすことができます (z-indexed ではないため、おそらくオーバーレイされる理由です) またはリンク

于 2012-11-23T03:12:31.780 に答える