0

在一个项目中，我使用字体 Awesome 图标以默认格式显示图标，如 . 它在 Chrome、FireFox 和 IE9 和 IE11 上运行良好，但在兼容性视图中不显示。

我已使用元标记强制呈现文档，但它不起作用。此外，在兼容性视图中，某些 CSS 看起来不像其他浏览器的标准视图。

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

实际上，我的页面是通过“xsl”模板生成的，这就是为什么我还使用 htm5 JS 如下 -

<xsl:comment>
<![CDATA[[if lt IE 9]>
<script src="js/jquery/html5shiv.min.js" type="text/javascript" />
<script src="js/jquery/respond.js" type="text/javascript" />
<![endif]]]>
</xsl:comment>

这是我在 IE9 兼容模式下的 HTML 结构 -

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=UTF-16" http-equiv="Content-Type">
<meta content="IE=9; IE=8; IE=7; IE=EDGE" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/picdef.css?ver=T1.0" media="screen">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css?ver=T1.0" media="screen">
<link rel="stylesheet" type="text/css" href="css/print.css?ver=T1.0" media="print">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css?ver=T1.0" media="screen">
<link rel="SHORTCUT ICON" href="images/favicon.ico">
</head>
<body>
 ..................................
</body>
</html>

我在 DOM 中发现没有加载 html5 js。

有什么解决办法吗？抱歉英语不好。

4

1 回答 1

1

您的兼容模式设置告诉 IE 使用 IE7 兼容模式。

请注意，Font Awesome 不能在 IE7 中工作（也不能在 IE7 兼容模式下），因为 IE7 不支持 Font Awesome 使用的几个关键特性。

甚至 IE8 支持在 Font Awesome 中也很差。理想情况下，您应该只考虑支持 IE9 及更高版本。

所以你最好的选择是放弃兼容模式。像这样更改您的元标记：

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

...也就是说，删除IE=9; IE=8; IE=7;.

如果您确实需要您的网站支持 IE7 和 IE8，那么您将需要重新考虑您的网站设计，并使用旧技术来创建它。

于 2016-10-12T21:22:34.590 回答