无法获得z-indexing以适应IE7

Question

导航在我在mac和pc上测试过的每个浏览器中的工作方式相同;但是，我不能为我的生活弄清楚为什么在IE7中导航出现在主要内容块的内容之下。查看http://obs4.dynapp.net/以查看问题，它仅存在于IE7中。如果您有兴趣帮助解决问题，请查看来源。我不知道，我花了好几个小时盯着html / css，无法解决任何问题。

http://obs4.dynapp.net/

Answer 1

这是一个非常烦人的IE7错误。之所以会发生这种情况，是因为DOM中的定位元素将优先于DOM中的定位元素，而不管z-index状态如何。

本文将解释如何解决它：http://thedesignspace.net/MT2archives/000763.html

基本上，将位置和z-index添加到最不常见的祖先。因此，如果您的标题和内容都包含在容器中，请将position和z-index添加到该容器中。如果他们是身体的直接孩子，请将其添加到身体中。

希望有所帮助。

Answer 2

z-indexing与IE7很奇怪。你的导航有position: absolute。您的内容已position: relative。是的，z-indexing应该在你的位置无关紧要的情况下起作用，但是IE7会对其产生影响并为z索引提供两个不同的“堆栈”，因此absolute和relative定位的元素不会彼此互动。尝试为您的导航设置position: relative，然后相应地重新调整您的CSS。