В проекте я использую значок шрифта 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>
А вот моя структура HTML в режиме совместимости IE9:
<!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 не загружен.
Любое решение? Извините за плохой английский.