IE7 / 8中的CSS导航菜单有问题

Question

我这里有一个菜单：

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

它可以在Chrome，FF和IE9中运行。

但是，如果您在IE7 / 8中尝试第一个菜单Garden Furniture，当您尝试将鼠标悬停在All Garden Furniture以外的任何其他选项时，菜单将关闭。这不会发生在任何其他菜单类别上。

我不知道为什么会这样，它就像在我面前一样！

感谢任何帮助。

谢谢！

Answer 1

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

IE8和IE9中

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

如果删除它，只有IE7会被破坏。

IE7已被破坏，因为它已知道有关z-index的错误，请参阅：

• div layering problems
• Why is my CSS drop-down menu opening behind a DIV in IE7?
• IE 6 & IE 7 Z-Index Problem

如果出现以下情况，我将调查并提供有关如何在IE7中解决此问题的确切说明：

• You're sure you care about IE7.
• 您需要确切的说明。

Answer 2

所有子菜单的absolute位置是另一个的顶部，导致这种混乱。 “花园家具”的第一个子菜单不会与其下面的任何其他子菜单重叠，这就是为什么我认为这是唯一有效的子菜单。

尝试为z-index中的每个子菜单设置越来越高的.side_nav值。如果您不能添加类来执行此操作，则可以使用jQuery执行此操作。