隐藏在JQuery幻灯片后面的JQuery导航栏

我有一个JQuery下拉列表，它隐藏在JQuery幻灯片的正下方

我需要把下拉列表放在顶部…我尝试了z-index，但没有效果

从我的研究中可以看出，这是一个相当普遍的问题……有人能帮忙吗

代码：

#导航{
宽度：800px；
保证金：0px自动0px；
高度：25px；
}
#导航ul{
高度：25px；
边际：0像素0；
填充：0；
列表样式：无；
}
#李国荣{
背景#76bf43；
填充：5px 0px 0px 0px；
裕度：0 10px 0 0；
颜色：#ffffff；
边框左上半径：5px；
边框右上角半径：5px；
宽度：100px；
文本对齐：居中；
高度：20px；
浮动：左；
}
#nav ul li:悬停{
光标：指针；
}
#nav ul li ul{
保证金：0；
填充：0；
}
#李国荣{
填充：0；
保证金：0；
边框左上半径：0px；
边框右上角半径：0px；
高度：25px；
}
$（文档）.ready（函数（）{
$（“ul.sf菜单”）.superfish（）；
}); 
$（文档）.ready（函数（）{
//这将跟踪幻灯片的当前位置
无功电流_面板=1；
//通过变量控制动画的持续时间将简化更改
var\u持续时间=2500；
$.timer（6000，功能（计时器）{
//确定当前位置，并过渡到下一个面板
开关（电流控制面板）{
案例1：
$（“#幻灯片放映”）.stop（）.animate（{left:-800px，top:-0px}，{easing:'easeautback'，持续时间：animation_duration}）；
当前_面板=2；
打破
案例2：
$（“#幻灯片放映”）.stop（）.animate（{left:“0px”，top:-210px}，{easing:“easeautback”，持续时间：animation_duration}）；
当前_面板=3；
打破
案例3：
$（“#幻灯片放映”）.stop（）.animate（{left:-800px，top:-210px}，{easing:'easeautback'，持续时间：animation_duration}）；
当前_面板=4；
打破
案例4：
$（“#幻灯片放映”）.stop（）.animate（{left:“0px”，top:“0px”}，{easing:'easeautback'，持续时间：animation_duration}）；
当前_面板=1；
打破
定时器复位（12000）；
}
});
});

对于

#nav ul

添加

位置：相对；z指数：1

z-index
始终适用于css文档通知我们的定位元素

阅读更多。
有关
导航ul
添加
位置：相对；z指数：1

z-index
始终适用于css文档通知我们的定位元素

阅读更多。
我只能猜测您在错误的元素上尝试了
z-index
。试试看

#nav {
    position: relative;
    z-index: 40000;
}

您应该会发现这将解决您的问题。
我只能猜测您在错误的元素上尝试了
z-index
。试试看

#nav {
    position: relative;
    z-index: 40000;
}

您应该会发现这将解决您的问题。
使用类似于Chrome或Safari中的开发人员模式来解决此问题。使用它，您可以看到应用于动态创建的元素的确切样式…使用类似于Chrome或Safari中的开发人员模式来解决此问题。使用它，您可以看到应用于动态创建的元素的确切样式…我对正确的元素进行了z-ing，但忽略了位置：相对。谢谢你唤起我的记忆！我正在对正确的元素进行z-ing，但我忽略了位置：相对。谢谢你唤起我的记忆！