由于布局顺序，IE7 z-index 不起作用答案

【问题标题】：IE7 z-index not working because of layout order由于布局顺序，IE7 z-index 不起作用
【发布时间】：2012-05-30 17:38:33
【问题描述】：

如果您在 IE7 中查看该网站，您会看到左上角的下拉菜单没有出现在主要内容区域的上方。这是因为愚蠢的 IE7 z-index 错误，但是使父元素具有高索引以使其修复子元素的正常修复在这种情况下不起作用，因为我需要父标题位于主要内容下方。 ..

关于如何根据我的布局结构解决此问题的任何想法？我已经尝试了网上的大部分 IE 修复，包括一个 jquery 解决方案，它可以在循环中重置 z-indexes，但都没有解决问题。

【问题讨论】：

【解决方案1】：

您需要为您的标题指定一个小于导航元素的 z-index。

IE7 对 z-index 很不利，你需要拥有这样的结构。

标题 - z-index:2 内容 - z-index:3 导航 - z-index:4

按照这些思路，抱歉，我无法提供更多帮助。

【讨论】：

【解决方案2】：

我发现当 IE 中的 z-index 出现问题时，将您希望受 z-index 影响的元素设置为具有相对位置。

即

#block {
    z-index: 1;
    position: relative;
}

【讨论】：