SaaSで提供しているeラーニング管理システム（ELMS）のUIを変更しています。Internet Explorer と ELMS 仕様を使用するという会社のポリシーにより、互換モードで IE を使用する必要があります (そうしないと、ELMS の組み込み機能の一部が使用できなくなります)。
インターフェイスを変更するために、さまざまなスタイルシートと IE 条件付きコメントを使用します。
<link rel="stylesheet" type="text/css" href="/files/css/styles_login.css">
<!--[if lt IE 8]><link rel="stylesheet" type="text/css" href="/files/css/styles_login_ie7.css"><![endif]-->
<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="/files/css/styles_login_ie6.css"><![endif]-->
通常モードとドキュメント モード == 5を使用すると、開発者ツールの DOM Explorer で次のようになります。
<LINK rel=stylesheet type=text/css href="/files/css/styles_login.css">
<LINK rel=stylesheet type=text/css href="/files/css/styles_login_ie7.css">
<LINK rel=stylesheet type=text/css href="/files/css/styles_login_ie6.css">
ただし、互換モードとドキュメント モード == 5では、IE6 のスタイルが失われます。
<LINK rel=stylesheet type=text/css href="/files/css/styles_login.css">
<LINK rel=stylesheet type=text/css href="/files/css/styles_login_ie7.css">
なぜこれが起こるのですか？互換モードで IE6 スタイルシートを使用するにはどうすればよいですか?