internet-explorer-7 - ie7 z-index 奇怪的行为

Question

我对 ie7 z-index行为有疑问。

用ie7打开这个页面，下拉菜单（有些部分有，有些没有）落在滑块后面。

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

您知道如何使下拉菜单保持在滑块的前面吗？

谢谢。

Answer 1

尝试用一个额外的容器包装导航菜单，然后给包装 div 一个比导航菜单中使用的 z-index 更大的 z-index。

这是2006 年在此处报告的 IE7 的已知问题。

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

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

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

我认为您可以轻松地将其适应您的网站。现在我没有 IE7 的副本，我无法重现该问题，但您可以尝试，这应该可以解决您的问题。如果没有，我会尽力为您提供进一步的帮助。