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

Question

我已经创建了这个 css3 下拉菜单，当我将鼠标悬停在下拉菜单上时它会出现在图像后面，我已经尝试弄清楚了。但不能为我的生活。非常感谢任何帮助，您可以在此处查看。

Answer 1

引自this thread

Z-index 不是绝对测量值。 z-index: 1000 的元素可以位于 z-index: 1 的元素之后 - 只要相应元素属于不同的堆叠上下文即可。

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

更新-

将以下CSS添加到您的页面

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