Heim > Artikel > Web-Frontend > Wie kann ich IE7 und IE8 mit gültigem CSS ansprechen, ohne Hacks zu verwenden?

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

Barbara StreisandOriginal: 2024-10-30 09:04:02346Durchsuche

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

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

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

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

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>

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

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

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!

css html for while using class Conditional this

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Wie lässt sich ein Div mithilfe von CSS von seiner Mitte aus erweitern?Nächster Artikel：Wie lässt sich ein Div mithilfe von CSS von seiner Mitte aus erweitern?

In Verbindung stehende Artikel

Mehr sehen