z-index问题的Internet Explorer兼容模式和7

我有一个菜单用户控制在我的web应用程序上悬停下降其菜单列表下面。我面对的问题是，在IE 7或IE 10兼容模式下，尽管将菜单的z-index属性设置为较高，但我的页面上的图像可在菜单下方看到。z-index问题的Internet Explorer兼容模式和7

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

感谢

来源

2014-02-27 user2783853

包含有position: relative集上，它需要有一个的z-index比身体的更高的菜单列表父元素。 z-index也在自顶向下的基础上，在菜单比之前的元素具有更高的z-index后声明的元素。

TL;博士。

设置菜单中有较高的元素大于内容

（例如使用内联样式）

<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>

来源

2014-02-27 15:33:41

嗨，这解决了我的问题，但我有我的页面上的位置相对设置的jQuery UI滑块，我无法以任何方式移动它的CSS。由于这个原因，上述解决方案不能应用于此。 – user2783853

z-index问题的Internet Explorer兼容模式和7

回答

相关问题