Wie kann ich IE7 und IE8 mit gültigem CSS ansprechen?-CSS-Tutorial-php.cn

Wie kann ich IE7 und IE8 mit gültigem CSS ansprechen?

DDD

Freigeben： 2024-10-29 00:43:30

Original

233 Leute haben es durchsucht

How can I target IE7 and IE8 with valid CSS?

Targeting auf IE7 und IE8 mit gültigem CSS

Targeting auf bestimmte IE-Versionen mit CSS kann eine Herausforderung sein, da die Anwendung von Korrekturen für eine Version möglicherweise nicht funktioniert für einen anderen. In diesem Leitfaden werden zwei Methoden für die Ausrichtung auf IE7 und IE8 mit gültigem CSS beschrieben: die Verwendung von HTML und CSS ohne Hacks und die Verwendung von CSS-„Hacks“.

Explizites Targeting ohne Hacks

Um die Verwendung von Hacks zu vermeiden, fügen Sie eine browserspezifische Klasse zum hinzu. Element und wählen Sie es später basierend auf dem Browser aus. Zum Beispiel:

<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>

Nach dem Login kopieren

Anschließend CSS-Targeting gezielt auf die gewünschten Browserversionen anwenden:

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

Nach dem Login kopieren

Targeting mit CSS-Hacks

Zu Wenn Sie mit Hacks auf IE-Versionen abzielen, verwenden Sie die folgenden Zeichen:

"9": Zielt auf IE8 und niedriger ab
"*": Zielt auf IE7 und niedriger ab
"_ ": Zielt auf IE6

Beispiel:

<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>

Nach dem Login kopieren

Zielt auf IE10

IE10 erkennt keine bedingten Anweisungen, also fügen Sie ein „ie10“ hinzu " Klasse zum Element mit:

<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>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich IE7 und IE8 mit gültigem CSS ansprechen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!