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

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

DDD

リリース： 2024-10-29 00:43:30

オリジナル

262 人が閲覧しました

How can I target IE7 and IE8 with valid CSS?

有効な CSS で IE7 および IE8 をターゲットにする

CSS で特定の IE バージョンをターゲットにすることは、1 つのバージョンに修正を適用しても機能しない可能性があるため、困難になる可能性がありますもう一つのために。このガイドでは、有効な CSS で IE7 および IE8 をターゲットにする 2 つの方法について概説します。ハックなしで HTML と CSS を使用する方法と、CSS の「ハック」を使用する方法です。

ハックなしの明示的なターゲット

ハッキングの使用を避けるには、ブラウザ固有のクラスをに追加します。要素を選択し、後でブラウザに基づいて選択します。例:

<code class="html"><!doctype html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7 ]> <html lang="en" class="ie6">    <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7">    <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8">    <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9">    <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]--></code>

ログイン後にコピー

次に、CSS ターゲットを目的のブラウザバージョンに具体的に適用します:

<code class="css">.ie6 body { 
    border:1px solid red;
}
.ie7 body { 
    border:1px solid blue;
}</code>

ログイン後にコピー

CSS ハックによるターゲット

ハックを使用して IE バージョンをターゲットにするには、次の文字を使用します:

"9": IE8 以前をターゲット
"*": IE7 以前をターゲット
"_ ": IE6 をターゲット

例:

<code class="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 */
}</code>

ログイン後にコピー

IE10 をターゲット

IE10 は条件文を認識しないため、"ie10 " クラスをに追加します。使用する要素:

<code class="html"><!doctype html>
    <html lang="en">
    <!--[if !IE]><!--><script>if (/*@cc_on!@*/false) {document.documentElement.className+=' ie10';}</script><!--<![endif]-->
        <head></head>
        <body></body>
</html></code>

ログイン後にコピー

以上が有効な CSS を使用して IE7 と IE8 をターゲットにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。