IE7下拉菜单出现在图片后面答案

【问题标题】：IE7 dropdown menu appears behind imageIE7下拉菜单出现在图片后面
【发布时间】：2013-08-25 18:11:51
【问题描述】：

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

【问题讨论】：

标签： html internet-explorer css internet-explorer-7

【解决方案1】：

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

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

更新-

将以下css添加到您的页面

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

【讨论】：

那么我该如何解决这个问题呢？
已更新我的答案，以包含您需要进行的确切 css 更改。

【解决方案2】：

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

【讨论】：

第一个链接解决了它（给你想要放在上面的项目的 parent 更高的 z-index）

【解决方案3】：

给“.nav”和“content”一个z-index。让 .nav 更高。

【讨论】：