0

这是我第一次来这里，所以如果我错过了一些更难的东西，请原谅我已经检查了这里的大量帖子并且有些东西有效但没有完全解决问题。

我的主菜单在这里：https ://turbobeds.com/适用于除 IE 之外的所有浏览器，它在我第一次悬停时显示菜单，之后它只显示到类别标题的开头，我添加了一些人在这里张贴：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "w3.org/TR/html4/strict.dtd">

我也已经有了 HTML5SHIV：

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

我添加display: inline;了#topCategories > ul > li&#topCategories > ul > li > a并修复了在悬停时显示不显示的问题。但是，如果您只是将鼠标悬停在不会降低的菜单项上，它将仅显示 5px 空白。

谢谢您的帮助。

4

2 回答 2

0

我可能已经找到了答案：

http://wonderwebware.com/blog/2013/02/28/how-to-fix-opencart-1-5-menu-bug-in-internet-explorer-10/

于 2013-09-22T16:10:12.833 回答
0

我的立场已得到纠正，尽管您仍然应该在下面的答案中使用元标记片段，因为您的悬停菜单在 IE10 兼容模式下根本不起作用，我在没有打开兼容模式的情况下遇到了与 IE10 相同的问题。菜单在初始请求时工作，第一次悬停但之后无法正确显示。无论如何，您可以创建菜单的统一jsFiddle，仅 HTML、CSS 和 Javascript？

将此添加到您的 HTML<head>元素中：

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

问题是 IE 现在在您的计算机上处​​于兼容模式。兼容模式是通过将 IE 中的某些呈现功能降级到 IE 的早期版本（在您的情况下为 IE9）来让 Internet Explorer 更好地与某些网站配合使用的设置，但这并不意味着 IE10 是兼容模式下的 IE9。这将对于您包含元标记的网站的每个页面，更改客户端 IE 设置以呈现为最新安装的 IE 版本，而没有像兼容模式尝试那样做的创可贴。它不会更改客户可能访问的任何其他网站的 IE 设置。

您还可以通过按 F12 并打开开发人员工具在 IE 中进行测试。在开发者工具窗口的顶部，您会看到一个名为“浏览器模式”的菜单选项，可以让您在“IE10 兼容模式”和“IE10”之间快速切换。在 IE10 开发人员工具中，您也可以切换到 IE9、8，并且虽然我不知道如何正确使用这些浏览器的版本，但您可以通过在已安装的 IE10 版本中执行此操作。

于 2013-09-19T08:04:11.367 回答