css - IE7 中的 Z-Index - 引发噩梦

Question

我有一个用 CSS 创建的下拉菜单。在所有其他浏览器中工作正常，除了 IE7。在 IE7 中，菜单在我的主页图像和子页面上的优先级下降，它下降到子菜单下方。

这里有一个例子:Image Issue

如果您在 IE7 中加载页面，然后从“个人”菜单中选择一个元素。如您所见，菜单位于图像后面。

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

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

非常感谢对此的任何帮助。

谢谢

Answer 1

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

1. 下 zipper 接之间或

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

3. 您已在标签上指定了 background-color #1C1C1C;。如果你给或

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

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

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

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

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

回复:尝试为主要 anchor 标签提供高度，例如:关于就业法等。您可以再次通过为 anchor 标签提供边框和背景颜色来测试它，以便您可以识别链接的边界。