IE7中的Z-Index - 导致梦魇

Question

我在CSS中创建了一个下拉菜单。除了IE7之外，在所有其他浏览器中都可以正常工作。在IE7中，菜单在我的主页图像和子页面后面的优先级下降，它低于子菜单。

这方面的一个例子是：Image Issue

如果您在IE7中加载页面，然后从“个人”菜单中选择一个项目。如您所见，菜单会落在图像后面。

我试图将其重新创建为jsFiddle。值得一看Here

现在开始误解我，因为网站的其余部分已经完成。

非常感谢任何帮助。

由于

Answer 1

我很高兴听到您解决了IE7中的Z-indexing问题。现在您的Main下拉菜单遇到问题，因为 -

1. 您的下拉链接或

2. 之间存在差距，这就是为什么当我们在菜单上移动时菜单消失或者我们可以说一旦光标出现菜单消失了。

3. 您已在标记上提供了background-color #1C1C1C;。如果你付出代价，或者

4. ，它将不会显示差距，但首先尝试解决IE7中的差距问题。

出于测试目的您可以在ul，li和anchor标签上提供css属性border:1px solid red;。它将帮助您确定差距在哪里或在哪个元素间隙发生。

你已经使用过IE7特定的css，你可以尝试编写专用于IE7的css规则吧。

参见IE7输出的附图。



关于主菜单下的子菜单，当您将鼠标悬停在下拉菜单中时，您将面临问题。您在链接上给出的填充可能在IE7中无法正常工作，另一个问题可能是链接和下拉列表之间存在差距，您已使用top：28px在style.css中的第357行尝试增加/减少值在所有浏览器中同时测试它，以便您可以找出问题所在。

Re：尝试给主锚标签高度，例如：就业法等等，你可以通过给锚标签提供边框和背景颜色来测试它，这样你就可以识别链接的边界。 / p>

Answer 2

This article解释了该错误并提供了一个修复程序，可以纠正此错误的大多数情况