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

Question

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

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

score 0 · Accepted Answer

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

IE7 对 z-index 来说很痛苦，你需要一个这样的结构。

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

按照这些思路，对不起，我无法提供更多帮助。

score -1 · Accepted Answer

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

IE

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

2 回答 2