ホームページ > 記事 > ウェブフロントエンド > ハックを使用せずに有効な CSS を使用して IE7 と IE8 をターゲットにするにはどうすればよいですか?
ハックを使用せずに有効な CSS を使用して IE7 と IE8 をターゲットにするにはどうすればよいですか?
- Barbara Streisandオリジナル
- 2024-10-30 09:04:02346ブラウズ
有効な 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 ハックを使用してブラウザ固有のスタイルを実現することもできます。
- "9": IE8 以下をターゲット
- "*": IE7 以前をターゲット
- "_": IE6 をターゲット
例:
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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。