Z-index问题IE兼容模式和7

我在我的 Web 应用程序中有一个菜单用户控件，在悬停时会将其菜单列表放在下面。我面临的问题是，在IE 7或IE 10兼容模式下，尽管将菜单下拉列表的z-index属性设置为高，但我页面上的图像仍显示在菜单下拉菜单上方。

请为此为我提供相关的解决方案。

谢谢

包含设置了position: relative的菜单列表的父元素需要具有高于正文的 z 索引。 z-index 还以自上而下的方式工作，因为在菜单之后声明的元素比它们前面的元素具有更高的z-index。

博士

将菜单设置为具有比内容更高的元素

（内联样式示例）

<body>
    <div class="header">
    ...
    </div>
    <div class="nav" style="position:relative; z-index: 2">
        <ul>
           <li>
               Blah
               <ul class="drop-menu">
                   <li>drop item</li>
               </ul>
           </li>
        </ul>
    </div>
    <div class="content" style="position:relative; z-index:1">
        ...
    </div>
</body>

相关内容

最新更新

热门标签：