css - css の Internet Explorer 9 開発者ツールの問題

Question

IE9ブラウザーで開発者ツールを使用してIE7ドキュメントモードを使用しているため、WebページはIE 7ブラウザーのように見え、IE 7のみでいくつかの問題を修正するために、以下のコードをie7専用に使用しました。

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->

私は ie7.css ファイルに変更を加え、ie9 ブラウザーの ie7 開発者ツールでレビューしましたが、効果はありません。しかし、私はie7ブラウザで表示すると効果が現れます

Answer 1

IE7.css に !important タグを追加していることを確認してください。そうしないと、要素は優先度に従ってルールを適用します。

例：

.home_link{
     color: #EEE !important;
     padding: 15px !important;
}

Answer 2

IE7 固有の CSS 効果を取得するには、ブラウザ モードで「互換表示」を選択する必要があります。