CSS下拉菜单未在IE中显示

Question

我刚刚发现此站点上的CSS下拉菜单在Internet Explorer中不起作用。完全没有，绝对没有任何表现。 菜单在Firefox和Android中运行良好 这是网站：http://anlea.org 我尝试过一些修复程序，但没有任何内容可以显示下拉菜单。

任何（简单！）解决方案都将非常感谢

Answer 1

IE并不总是与li:hover很好用，这就是你的CSS菜单似乎依赖的东西。这个问题的接受答案可能有所帮助：IE8 does not hover when using an li with position:absolute

Answer 2

您没有在悬停时显示嵌套的ul，只是嵌套ul中的li。尝试添加：

.main_menu > ul > li:hover > ul {
   display: block;
}

我还建议你和儿童选择器一起工作，如下所示：

.main_menu ul li  /* this would also apply to the submenu's, you overwrite them later in your code */

会变成

.main_menu > ul > li  /* this will only apply to the top level menu */

用于嵌套菜单。这不应该制动代码，但会让你更加掌控并避免意外的结果。

如果您希望所有li具有相同的背景，例如顶级和嵌套，您仍然可以使用

.main_menu li

Answer 3

我正在使用IE9查看网站，菜单工作正常，只有在我切换回IE9标准模式后。

您的网站默认使用IE9中的Quirks模式。

您可以参考此处：http://blog.timolthof.com/disable-quirks-mode/尝试禁用Quirks模式。

Answer 4

下拉列表的高度和宽度应以px给出，而不是％某些版本的IE不支持宽度和高度％