如何设置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幻灯片位置和0的z-index，我给了菜单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;   
}