Wie kann ich CSS-Stile speziell auf Internet Explorer-Versionen 7, 8 und 9 anwenden?

Anpassen von Stilen speziell für Internet Explorer

Die Implementierung von CSS-Stilen, die nur für bestimmte Browser gelten, ist für die Aufrechterhaltung der browserübergreifenden Kompatibilität unerlässlich. Diese Frage konzentriert sich ausschließlich auf die Anwendung eines bestimmten Stils auf Internet Explorer (IE) Versionen 7, 8 und 9.

Lösung

Der folgende Codeausschnitt bietet eine elegante Lösung :

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #myElement {
        width: 100%;
   }
}

Erklärung

Dieser Code verwendet eine Medienabfrage, die auf Microsoft-spezifische Browserversionen abzielt. Die Eigenschaft „-ms-high-contrast“ ist exklusiv für Internet Explorer 10 und höher und stellt sicher, dass die Medienabfrage nur im IE analysiert wird. Durch die Verwendung beider gültiger Werte („aktiv“ und „keine“) innerhalb der Medienabfrage garantieren wir, dass der Stil angewendet wird, unabhängig davon, ob der Benutzer den Hochkontrastmodus aktiviert hat.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Stile speziell auf Internet Explorer-Versionen 7, 8 und 9 anwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!