プロジェクトでは、Font 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 がロードされていないことがわかりました。
解決策はありますか？下手な英語でごめんなさい。