IE 7 中的 Jquery 下拉列表兼容性答案

【问题标题】：Jquery dropdown compatibility in IE 7IE 7 中的 Jquery 下拉列表兼容性
【发布时间】：2013-02-06 07:32:50
【问题描述】：

这是我遇到问题的链接

无法在 Internet Explorer IE7 中正确加载，但在 IE 9.0 中运行良好， ![在此处输入图片描述][2]

任何人都非常感谢我做错了什么。

【问题讨论】：

标签： jquery css drop-down-menu cross-browser

【解决方案1】：

IE6-8 不支持nav 元素（用于导航）。这会导致您的样式无法应用于与 nav 元素关联的元素。

为了添加对这些元素的支持，您需要下载并插入 html5shiv！

你在哪里插入 html5shiv？在调用样式表之前插入它。

在此处下载 html5shiv：http://code.google.com/p/html5shiv/

在您的代码第 4-6 行：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Homepage</title>
<script type="text/javascript" src="path/to/html5shiv.js"></script>
<link href="css/styles.css" rel="stylesheet" type="text/css" />

注意：IE6-8 不支持任何 HTML5 元素，例如 nav、header、article、aside、footer、figure 等。

【讨论】：

@vignesh 您之前的问题是您没有 html5shiv，因此浏览器不会为 nav 元素呈现 CSS。现在你必须集中精力使导航 CSS 跨浏览器兼容。
@vignesh 您将需要应用一些特定于 IE 的 CSS。看看：paulirish.com/2008/…。使用 Patrick O'Neill 的方法，您可以应用一些特定于 IE 的 CSS 并仅针对 IE8，使用 html.lt-ie8 nav { /* IE 样式在这里！ */ } 现在的问题是你的 CSS 需要一些修改。试试看吧！