Css IE7上的Z-指数问题

**这个问题是关于赏金的，因为下面的答案并没有解决这个问题

我正在调试IE7中的一个页面，遇到了一个问题。当您将鼠标悬停在导航链接上时，下拉列表将落在其下方的幻灯片下方。下拉列表ul绝对定位，z索引为10，滑块相对于其父级定位，z索引为1。#滑块中的某些内容导致菜单落后于它

你可以在

我使用jquery更改#slider的每个子级的z索引：

---

不过，在IE7中，子菜单位于滑块后面。也许问题出在菜单脚本中？

尝试给出ul或li高度：auto。不看代码很难判断

position:relative;
float:left;
height:296px;
z-index:1!important;

若要z-索引存在，位置需要为“绝对”且显示“块”

---

您好

您似乎有几个问题。我取出了

之间的所有东西并用虚拟文本填充，这样我就可以看到菜单是在上面还是下面。它还在下沉。我在style.css中查看了#slider的规则，并删除了position:rule，以获得以下内容：

#slider {
Z-INDEX: 1 !important; FLOAT: left; WIDTH: 960px; HEIGHT: 296px;
}

这似乎使它起了作用。然后我又添加了滑块内容，它又被破坏了=\
 问题出在你身上。基本上，您在其上设置了z索引（至9）的
#菜单li
元素与
#滑块
元素（已将z索引设置为1）不在同一堆叠上下文中。一个快速的解决方案是将
#header
元素的z-index设置为2，但我建议您阅读堆叠上下文。
链接给出
内部服务器错误
。你还有很多事要做；）即使这样，最好发布一个SSCCE，这样我们就可以复制“粘贴”并运行它来查看确切的问题。因此，从
到使用
时，需要最少的代码来重现问题（不要忘记doctype…）。在我的IE7中，下拉菜单甚至没有epand。它保持它的
显示：无
，即使在悬停状态下也是如此。那不行，现在看看，上面的链接正在工作。我做了同样的事情，给了它一个背景色。没有移除位置：relative它工作得很好。然后我把滑块元素放回去，它就坏了。因此，问题是由滑块造成的。我会用滑块jsYup弄脏我的手，一个快速的方法是在de头id中设置z索引：它与同一父级（contentwrap）中的滑块处于同一级别，因此设置z索引将起作用。由于堆叠规则，在菜单项上设置z索引将不起作用。因此，堆叠上下文上的链接为+1。
position:absolute;
display:block;
z-index:1!important;

#slider {
Z-INDEX: 1 !important; FLOAT: left; WIDTH: 960px; HEIGHT: 296px;
}