Css IE7中的Z指数——引发噩梦

Css IE7中的Z指数——引发噩梦,css,z-index,internet-explorer-7,Css,Z Index,Internet Explorer 7,我有一个用CSS创建的下拉菜单。在除IE7之外的所有其他浏览器中都可以正常工作。在IE7中,菜单的优先级下降到我的主页后面,在子页面上,它下降到子菜单下面 这方面的一个例子如下: 如果您在IE7中加载页面,然后从“个人”菜单中选择一项。如您所见,菜单位于图像后面 我试图将其重新创建为JSFIDLE。也许值得一看 现在开始困扰我,因为网站的其他部分已经完成了 非常感谢您在这方面的任何帮助 谢谢我很高兴听到您在IE7中解决了Z索引问题。现在您的主下拉菜单面临问题,因为- 下拉链接之间或之间存在间隙,

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

这方面的一个例子如下:

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

我试图将其重新创建为JSFIDLE。也许值得一看

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

非常感谢您在这方面的任何帮助


谢谢

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

  • 下拉链接之间或
  • 之间存在间隙,这就是为什么当我们打开菜单时,菜单会消失,或者我们可以说,一旦光标出现间隙,菜单就会消失

  • 您已指定了
    背景色#1c在标签上。根据我的意见,如果你放弃或
  • 它将不会显示差距,但首先尝试解决IE7中的差距问题

  • 出于测试目的,您可以给css属性
    边框:1px实心红色。它将帮助您确定差距在哪里,或者差距发生在哪些元素中

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

    IE7输出见附图

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


    回复:尝试为主要锚定标签指定高度,例如:关于就业法等。同样,您可以通过为锚定标签指定边框和背景颜色来测试,这样您就可以识别链接的边界。

    第一类答案。非常感谢@Happy Singh,我已经通过调整li锚的高度解决了差距问题。不管怎样,它似乎起了作用。非常感谢你在这方面的帮助