Wie kann ich CSS-Stile ausschließlich auf Internet Explorer 7, 8 und 9 anwenden?

CSS ausschließlich auf Internet Explorer anwenden

Um die Anwendung von CSS auf bestimmte Versionen von Internet Explorer zu beschränken, z. B. 7, 8 und 9 bietet die Verwendung Microsoft-spezifischer Medienabfragen eine effektive Lösung.

Im bereitgestellten Beispiel zielt der CSS-Code darauf ab, eine Breite von 100 % nur auf IE-Browser anzuwenden. Hier ist eine detaillierte Aufschlüsselung der Funktionsweise:

<code class="css">@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #myElement {
        width: 100%;
    }
}</code>

Microsoft-spezifische Medienabfrage:

• Der Medienabfragebildschirm und (-ms-high- Kontrast: aktiv), (-ms-high-contrast: none) wurde speziell für Microsoft IE entwickelt.
• Die Eigenschaft -ms-high-contrast ist einzigartig für IE und wird verwendet, um zu bestimmen, ob der Benutzer einen hohen Kontrast hat -Kontrastmodus aktiviert.

Validierung:

• Durch die Einbeziehung sowohl aktiver als auch keiner Werte für -ms-high-contrast stellt die Medienabfrage sicher Kompatibilität mit IE-Versionen unabhängig von der Einstellung des Modus für hohen Kontrast.
• IE analysiert diese Medienabfrage nur, während andere Browser sie ignorieren.

Schlussfolgerung:

Dieser Ansatz wendet CSS effektiv ausschließlich auf die Internet Explorer-Versionen 7, 8 und 9 an, sodass Sie auf bestimmte Browser abzielen können, ohne den Rest des Designs Ihrer Website zu beeinträchtigen.

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