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

回答

相關問題