Css IE7在div下面而不是上面疯狂地显示列

如果您在IE7中查看此页面，为什么浅紫色标题（“聚光灯”、“意外发现项目”、“马里恩研究所博客”）隐藏在深紫色条带下

我的手指都痛了，但我想不出来。列div写在块div之后，因此它们应该显示在顶部。 即使将块和列的位置设置为相对位置，使用z索引也没有帮助

[当然，正如预期的那样，Firefox、Safari、Opera和Chrome中的一切看起来都很好。]

---

谢谢你的帮助

IE有可怕的z-索引错误，这些错误通常是无法发现的。在对IE开发者工具栏进行了一些修改之后，我能够让它在IE 7中正常工作

我注意到，出于某种原因，许多元素都定义了z-index，但这些元素没有出现在HTML中。是否有正在运行的脚本正在设置任何z索引？我注意到它们的顺序是相反的，这意味着高级元素比低级元素具有更高的z索引。这是在IE中创建大量bug的一种方法。HTML在层次结构中显示得越深，其z索引应该越高

我首先删除了相关容器上的z索引，从主体到主内容中的两个

。我将

位置：相对
设置在
#主内容
上，但左
z-index
未定义。我在
#main content
中的两个
上设置
位置：relative
，并将
z-index
分别设置为100和200

在
#content
中，第一个
，我添加了
z-index:110
，第二个
（带小图片的块行）我添加了
z-index:120

这似乎让IE7表现正常

如果还有任何定义了
z-index
但我没有提到的东西，请尝试删除它，从头开始。定义了
z-index
的元素越少，IE表现不好的机会就越少

#block-block-11 {
    position: static;
}

…一个更大问题的快速修复，由CalebD雄辩地详细说明。
天哪，我爱我，一行修复！谢谢仅供参考，它实际上回避了CalebD提出的问题，因为它将该块从z索引考虑中移除。你可能想考虑在某个时候解决更大的问题。很高兴我能帮上忙。谢谢你的介绍！是的，在这一点上，这些z索引是试图修复这个（和其他）显示问题的剩余部分。这就像把自己挖进一个该死的洞！哦，我想很多z索引都和旋转js幻灯片有关。我对它的理解是“静态”基本上是说“从现在起，放弃所有这些，表现得像正常人一样”。好极了。