ハックを使用せずに有効な CSS を使用して IE7 と IE8 をターゲットにするにはどうすればよいですか?-CSSチュートリアル-php.cn

ハックを使用せずに有効な CSS を使用して IE7 と IE8 をターゲットにするにはどうすればよいですか?

Barbara Streisand

リリース： 2024-10-30 09:04:02

オリジナル

458 人が閲覧しました

How can I target IE7 and IE8 with valid CSS without using hacks?

有効な 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 サイトの他の関連記事を参照してください。