悬停菜单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

回答

相关问题