jquery - 如何将 SlideJs 的 z-index 设置为低于下拉菜单的 z-index

Question

我正在使用来自http://www.slidesjs.com/的 SlideJs 插件。

我正面临 z-index 问题。

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

SlideJs-slideshow 位于下拉菜单下方。当我悬停菜单时，下拉菜单隐藏在幻灯片后面。我试图为下拉菜单提供最高的 z-index，但无法解决问题。

请告诉我解决此问题的最佳解决方案。

谢谢

Answer 1

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

我认为这应该可以解决问题。我给 ID 幻灯片的相对位置和 z-index 为 0，我给菜单 ID 的 z-index 为 1。请注意，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;   
}