懸停菜單z-index IE8

我的網站上有一個非常簡單的JavaScript和CSS懸停菜單設置。它幾乎在任何地方效果很好，除了 - IE8上的z-index存在問題。懸停菜單z-index IE8

.rolloverMenu { 
    background-color: #4A5508; 
    border-bottom: 1px solid #AC4718; 
    border-left: 1px solid #AC4718; 
    border-right: 1px solid #AC4718; 
    box-shadow: 2px 2px 2px #AC4718; 
    float: left; 
    margin-left: -15px; 
    margin-top: -12px; 
    padding: 10px 10px 6px; 
    position: absolute; 
    width: 200px; 
    z-index: 1000; 
}

它去我背後的內容和不留在上面，如應該。我知道在IE中不同的堆棧規則，所以有什麼建議？

（也試圖設置爲z-index:9999;）

來源

2012-03-14 Fred Randall

將z-index設置爲您的菜單隱藏的div，使其低於菜單的z-index。

來源

2012-03-14 20:53:26 Cynthia

它沒有關係，如果它有更低或更大的價值..它只需要有一個值。 – 2012-03-14 20:56:53

的解決方案是這樣的：添加的z-index到父容器（格，表，UL ...等）。

例子：

<div class="menu_container"> 
    menu here.. 
</div> 
<div class="other_content"> 
    other data here 
</div>

的div.menu_container應該有一個z-index的值，使其內容越過其他的div。

來源

2012-03-14 20:37:30

感謝您的迴應！並降低z-索引值，對嗎？ – 2012-03-14 20:39:12

我不確定你是什麼意思，但容器應該有一個z-index值。不管它是什麼。因爲在IE中，元素具有默認的Z-index值 – 2012-03-14 20:52:22

我想知道在哪個堆疊順序中他們應該是IE？ UL，Hover Div和CSS翻轉（上圖）。 – 2012-03-14 20:54:37

懸停菜單z-index IE8

回答

相關問題