Wie kann ich Internet Explorer 11 mithilfe von CSS zuverlässig erkennen?

Erkennung von IE11 mit CSS-Fähigkeit/Funktionserkennung

Die Identifizierung der spezifischen Version von Internet Explorer ist häufig für browserspezifische Verbesserungen oder Problemumgehungen erforderlich. Während die IE10-Erkennung mithilfe der CSS-Fähigkeitserkennung erreicht werden kann, kann es schwierig sein, zwischen IE10 und IE11 zu unterscheiden.

Eine mögliche Lösung besteht darin, undokumentierte CSS-Eigenschaften und -Werte zu nutzen, die ausschließlich in IE11 eingeführt wurden. Hier sind einige mögliche Eigenschaften, die Sie berücksichtigen sollten:

• _:-ms-fullscreen: Diese Eigenschaft wird von IE11 und höher unterstützt.
• :root .ie11up: Eine Kombination aus dem Root-Selektor und einer benutzerdefinierten Klasse für die Ausrichtung auf IE11 und oben.

Durch die Kombination dieser Eigenschaften können wir CSS-Regeln erstellen, die spezifisch für IE11 sind:

_:-ms-fullscreen, :root .ie11up {
  property: value;
}

Diese Regel wendet Stile nur auf Elemente an, wenn entweder _:- Die ms-fullscreen-Eigenschaft oder die .ie11up-Klasse ist vorhanden, um sicherzustellen, dass sie nur auf IE11 oder spätere Versionen des Browsers abzielt.

Allerdings Es ist wichtig zu beachten, dass Browser-Erkennungs-Hacks potenzielle Probleme verursachen können und grundsätzlich nicht empfohlen werden. Die primäre Empfehlung besteht darin, modernizr.js, eine JavaScript-Bibliothek zur Funktionserkennung, zu verwenden oder plattformbasierte CSS-Selektoren in Betracht zu ziehen, um nicht auf nicht unterstützte Methoden angewiesen zu sein.

Das obige ist der detaillierte Inhalt vonWie kann ich Internet Explorer 11 mithilfe von CSS zuverlässig erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!