Wie kann ich IE7 und IE8 mit gültigem CSS ansprechen, ohne Hacks zu verwenden?-CSS-Tutorial-php.cn

Wie kann ich IE7 und IE8 mit gültigem CSS ansprechen, ohne Hacks zu verwenden?

Barbara Streisand

Freigeben： 2024-10-30 09:04:02

Original

457 Leute haben es durchsucht

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

Targeting für IE7 und IE8 mit gültigem CSS

Einführung:

Entwerfen für ältere Versionen von Internet Explorer kann aufgrund von Inkonsistenzen bei der CSS-Unterstützung eine Herausforderung darstellen. In diesem Artikel werden Methoden zur gezielten Ausrichtung auf IE7 und IE8 unter Einhaltung der W3C-Standards untersucht.

Explizites Targeting ohne Hacks:

Um explizit auf IE-Versionen abzuzielen, ohne auf CSS-Hacks zurückzugreifen, Weisen Sie dem eine browserspezifische Klasse zu. Element. Die Klasse kann dann für CSS-Selektoren verwendet werden.

<html lang="en" class="ie7"> <!-- IE7 -->

Nach dem Login kopieren

Verwenden Sie in CSS die Klasse, um den Zielbrowser zu formatieren:

.ie7 body { 
    border: 1px solid blue; 
}

Nach dem Login kopieren

Targeting mit CSS-Hacks:

Alternativ kann man CSS-Hacks verwenden, um ein browserspezifisches Styling zu erreichen:

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

Beispiel:

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 */
}

Nach dem Login kopieren

Ausrichtung auf IE10:

Um auf IE10 abzuzielen, das keine bedingten Anweisungen erkennt, verwenden Sie das folgende Skript:

<script>if (/*@cc_on!@*/false) {document.documentElement.className+=' ie10';}</script>

Nach dem Login kopieren

Fügen Sie es zum Abschnitt zum Zuweisen einer „ie10“-Klasse zum Element:

<html lang="en" class="ie10"> <!-- IE10 -->

Nach dem Login kopieren

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