css - IE 中不显示 CSS 下拉菜单

Question

我刚刚发现此站点上的 CSS 下拉菜单在 Internet Explorer 中不起作用。完全没有，绝对没有任何显示。菜单在 Firefox 和 Android 中工作得很好这里是网站： http ://anlea.org 我已经尝试了许多修复，但没有任何东西可以显示下拉菜单。

任何（简单！）解决方案将不胜感激

score 0 · Accepted Answer

IE 并不总是能很好地配合li:hover您的 CSS 菜单似乎依赖的东西。这个问题的公认答案可能会有所帮助：IE8 does not hover when using an li with position:absolute

score 0 · Accepted Answer

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

您的站点默认为 IE9 中的 Quirks 模式。

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

score 0 · Accepted Answer

您不会在悬停时显示嵌套的 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

score 0 · Accepted Answer

下拉菜单的高度和宽度应以 px 为单位而不是 % 某些版本 IE 不支持以 % 为单位的宽度和高度

4 回答 4