ホームページ > 記事 > ウェブフロントエンド > ハックを使用せずに有効な CSS を使用して IE7 と IE8 をターゲットにするにはどうすればよいですか?
有効な CSS で IE7 および IE8 をターゲットにする
概要:
古いバージョンのデザインInternet Explorer は、CSS サポートの不一致により困難になる場合があります。この記事では、W3C 標準に準拠しながら、IE7 と IE8 を具体的にターゲットにする方法について説明します。
ハックなしの明示的なターゲット設定:
CSS ハックに頼らずに IE バージョンを明示的にターゲットにするには、ブラウザ固有のクラスを に割り当てます。要素。このクラスは、CSS セレクターに使用できます。
<html lang="en" class="ie7"> <!-- IE7 -->
CSS では、このクラスを使用して、ターゲットのブラウザーのスタイルを設定します。
.ie7 body { border: 1px solid blue; }
CSS ハックによるターゲット設定:
また、CSS ハックを使用してブラウザ固有のスタイルを実現することもできます。
例:
body { border: 1px solid red; /* standard */ border: 1px solid blue; /* IE8 and below */ *border: 1px solid orange; /* IE7 and below */ _border: 1px solid blue; /* IE6 */ }
IE10 をターゲットにする:
条件文を認識しない IE10 をターゲットにするには、次のスクリプトを使用します。
<script>if (/*@cc_on!@*/false) {document.documentElement.className+=' ie10';}</script>
それを
に追加します。 「ie10」クラスを に割り当てるセクション要素:<html lang="en" class="ie10"> <!-- IE10 -->
以上がハックを使用せずに有効な CSS を使用して IE7 と IE8 をターゲットにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。