Z指数在IE7引发的噩梦中的应用

Question

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

下面是一个这样的例子：Image Issue

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

我试着将它重新创建为一个jsFiddle。这可能值得一看，Here

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

这方面的任何帮助都是非常感谢的。

谢谢

Answer 1

我很高兴听到你解决了IE7中的Z索引问题。现在你正面临着主下拉菜单的问题，因为-

1. 在你的下拉链接之间或
2. 之间有一个间隙，这就是为什么当我们把菜单放在菜单上时，菜单会消失，或者我们可以说，一旦光标出现在gap上，菜单就会消失。
3. 你已经给了background-color #1C1C1C; on标签。Acc对我来说，如果你放弃或
4. ，它不会显示差距，但首先尝试解决IE7中的差距问题。

出于测试目的，您可以在ul、li和锚标签上提供css属性border:1px solid red;。它将帮助您识别差距的位置或正在发生差距的元素。

您已经使用了特定于IE7的css，您可以尝试在那里编写专用于IE7的css规则。

请参阅IE7输出的附加图像。

​

​

对于你的子菜单下的主菜单，你所面临的问题是悬停时下拉菜单消失。你在链接上给出的填充可能在IE7中不能正常工作，另一个问题可能是链接和下拉之间存在差距，你已经在style.css的第357行上使用了top:28px尝试增加/减少该值并在所有浏览器中同时测试它，这样你就可以找出问题所在。

Re:试着给主要的锚标签赋予高度，例如:关于就业法等，你可以通过给锚标签赋予边框和背景颜色来测试它，这样你就可以识别你的链接的边界。