2

http://www.slidesjs.com/の SlideJs プラグインを使用しています。

z-index の問題に直面しています。

  You can see example code from http://jsfiddle.net/wnTPS/

SlideJs-slideshow はドロップダウン メニューの下にあります。メニューにカーソルを合わせると、ドロップダウン メニューがスライドショーの後ろに隠れます。ドロップダウン メニューに最大の z-index を指定しようとしましたが、問題を解決できませんでした。

この問題を解決するための最善の解決策を教えてください。

ありがとう

4

1 に答える 1

4

http://jsfiddle.net/wnTPS/3/

問題を解決する必要があると思います。ID スライドの位置に相対位置と 0 の z-index を指定し、メニュー ID に 1 の z-index を指定しました。z-index は配置された要素でのみ機能することに注意してください。最高のインデックスが一番上に表示されます。

#menu{
    width:1024px;
    height:50px; 
    position:relative;
    border:1px solid;
    z-index: 1;
}
#menu li{display:inline; height:20px; display:block; float:left; overflow:hidden;   }

#menu li:hover{overflow:visible;}
#menu li ul li{float:none;}
#menu li a{display:inline-block; width:100px}
#slides
{
    position: relative;
    z-index: 0;   
}
于 2013-05-19T07:21:40.350 に答える