【问题标题】:ie7 z-index strange behaviourie7 z-index 奇怪的行为
【发布时间】:2013-01-02 09:14:41
【问题描述】:

我的 ie7 z-index 行为有问题。

用 ie7 打开this page,下拉菜单(有些部分有,有些没有)落在滑块后面。

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

你知道如何让下拉菜单停留在滑块的前面吗?

谢谢。

【问题讨论】:

    标签: internet-explorer-7 z-index


    【解决方案1】:

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

    这是 2006 年报告 HERE 的 IE7 已知问题。

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

    例如,假设您的导航菜单有一个divid="menu",您应该这样做:

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

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

    【讨论】:

    • 我去年也遇到过类似的问题,通过将 'wrapper' div 的溢出设置为可见解决了这个问题。
    • 是的,我知道这一切(所有父元素的包装和增量 z-index),但我想不出修复它的方法。任何具体的建议都会非常感激。
    猜你喜欢
    • 2019-03-27
    • 2021-07-13
    • 2013-05-28
    • 1970-01-01
    • 2011-12-06
    • 1970-01-01
    • 2011-03-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多