IE7下拉菜单出现在图像后面

时间:2010-09-24 19:26:14

标签: html css internet-explorer css3 internet-explorer-7

当我将鼠标悬停在下拉菜单上时,我创建了这个css3下拉菜单,它出现在图像后面,我试图找出它。但不能为我的生活。任何帮助都非常明确,你可以在这里看一看。

3 个答案:

答案 0 :(得分:8)

引自this thread

Z-index不是绝对测量值。具有z-index:1000的元素可能位于具有z-index的元素后面:1 - 只要各个元素属于不同的堆叠上下文。

当您指定z-index时,您将相对于同一堆叠上下文中的其他元素指定它,尽管CSS规范中关于Z-index的段落表示仅为具有z-的定位内容创建新的堆叠上下文除了auto之外的索引(意味着你的整个文档应该是一个堆叠的上下文),你构建了一个定位的跨度:显然IE将其解释为一个新的堆叠上下文。

<强>更新 -

将以下css添加到您的页面

#header
{
    position:relative;
    z-index: 2;
}
#content-wrap
{
    position:relative;
}

答案 1 :(得分:2)

我认为其中任何一个都可以解释问题并给出解决方案:

答案 2 :(得分:0)

将“.nav”和“content”赋予z-index。让.nav更高。