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

【问题标题】：How to set z-index of SlideJs lower than z-index of dropdown menu如何将 SlideJs 的 z-index 设置为低于下拉菜单的 z-index
【发布时间】：2013-05-13 23:35:54
【问题描述】：

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

我正面临 z-index 问题。

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

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

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

谢谢

【问题讨论】：

我唯一能说的是 z-index 只适用于定位元素。否则，我没有看到你的代码就什么都做不了。
好的，我在 jsfiddle 上添加了我的代码请从这个链接检查它：jsfiddle.net/wnTPS

标签： jquery jquery-plugins slideshow

【解决方案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;   
}

【讨论】：