これは明確にするための簡単な質問です。私は ie7 用のスタイル シートを持っており、誰かが IE7 を介してブラウジングしているときにそれを呼び出す必要があります。アプリケーション/レイアウト ファイルの次のコードは ie7 スタイルシートを呼び出しますか?
<!--[if lte IE 7]>
<%= stylesheet_link_tag "ie7", :media => "all" %>
<![endif]-->
これは明確にするための簡単な質問です。私は ie7 用のスタイル シートを持っており、誰かが IE7 を介してブラウジングしているときにそれを呼び出す必要があります。アプリケーション/レイアウト ファイルの次のコードは ie7 スタイルシートを呼び出しますか?
<!--[if lte IE 7]>
<%= stylesheet_link_tag "ie7", :media => "all" %>
<![endif]-->
はい、IE7 およびそれ以前のブラウザー用のスタイルシートのみを取り込む必要があります。
一般的には、次のスニペットを使用して条件付きクラスを html タグに追加し、IE ルールの前に.lt-ieX
. これにより、関連するすべてのルールを同じスタイルシートにまとめることができます。
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
例えば
.alert {
color: red;
}
.lt-ie7 .alert {
color: blue;
}