0

CSS导航菜单,我这里有一个菜单:问题与IE7/8

http://www.gardensandhomesdirect.co.uk/menutest

它的工作原理,因为它应该在Chrome,FF和IE9。

但是,如果您尝试在IE7/8中尝试将鼠标悬停在所有花园家具菜单关闭之外的其他选项的第一个菜单花园家具上。这不会发生在任何其他菜单类别上。

我不知道为什么会出现这种情况,它就像在我面前一样!

任何帮助表示赞赏。

谢谢!

+0

我似乎无法重现我的IE8上的任何错误。不确定什么是关闭和不关闭?更多描述请问? – Yman 2011-05-20 10:43:14

+0

对不起。 当您将鼠标悬停在第一个选项“花园家具”上时,它会打开第一层选项。所有的花园家具都是新一层的第一选择。然而,当试图点击该新层中的任何其他选项时,该菜单是否会关闭? – Wayners247 2011-05-20 10:44:59

+0

它是什么样的菜单? jQuery(使用.hover)或纯CSS菜单(使用:悬停)? – 2011-05-20 10:52:00

回答

0

absoluteabsolute位置的所有子菜单之一的顶部之一是造成这种混淆。 '花园家具'的第一个子菜单不会与其下的任何其他子菜单重叠,这就是为什么我认为这是唯一可行的原因。

尝试设置越来越高的z-index值为.side_nav中的每个子菜单。如果你不能添加类来做到这一点,你可以使用jQuery来完成。

1

该菜单在IE9,IE8或IE7中不起作用。

工作两个IE8和IE9,但你迫使这些浏览器IE7将模式此meta标签:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> 

如果删除,只有IE7将继续打破。

IE7坏了,因为它已经知道有关z-index错误,请参阅:

我会进行调查,并就如何解决这一问题的确切说明在IE7中如果:

+0

谢谢Thirtydot,那里有很好的解释。我个人不太关心IE7,但是我的雇主们并且希望它能够工作。 我将删除该元标签,我不确定为什么即使在那里! 说明会很好,谢谢! – Wayners247 2011-05-23 11:10:50