Question

我遇到了ie7 z-index 行为的问题。

使用ie7打开this page，下拉菜单（某些部分包含它，其他部分没有）落在滑块后面。

我尝试使用z-index和父元素的位置来解决，但无法解决问题。

您是否知道如何让下拉菜单停留在滑块前？

感谢。

Answer 1

尝试使用其他容器包装导航菜单，然后为包装div提供比导航菜单中使用的z-index更大的z-index。

这是2006年IE7报道HERE的一个已知问题。

有一篇文章显示了可用于解决问题的解决方法。看看HERE。

例如，假设您的导航菜单中有div id="menu"，您应该执行以下操作：

<div id="wrapper" style="position:relative; z-index: 1000;">
    <div id="menu" style="position:absolute; z-index: 999;"></div>
</div>

我认为您可以轻松地将其改编为您的网站。现在我没有IE7的副本，我无法重现问题，但你可以尝试，这应该解决你的问题。如果不是，我会尽力帮助你。