我浏览了董事会，尝试了许多解决方案，但我仍然陷入困境。
我正在查看的页面是here。在IE7中，下拉菜单显示在首页内容的后面。而且，如果您转到站点部分之一，只需单击“菜单”，它们甚至会显示在动态创建的侧栏后面。
我已经将下拉的z-index设置为1000，并指定了相对位置。在主页上，图像具有相对位置和较小的z索引（1或2）。
有任何想法吗？
最佳答案
您需要将position:relative或zoom:1添加到包含下拉菜单的所有父元素中。例如：
CSS：
.posRelative { position:relative; }
通用HTML：
...
<body>
<div id="header" class="posRelative">
<ul id="menu" class="posRelative">
<li class="posRelative">....</li>
<li class="posRelative">....</li>
<li class="posRelative">....</li>
</ul>
</div>
...
显然，有更有效的方法来应用样式属性，但是希望您能理解。
关于css - Z-Index和IE7的问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4696474/