Heim > Web-Frontend > CSS-Tutorial > Wie kann ich mit CSS-Hacks gezielt Internet Explorer 11 ansprechen?

Wie kann ich mit CSS-Hacks gezielt Internet Explorer 11 ansprechen?

Barbara Streisand
Freigeben: 2024-11-29 21:40:10
Original
273 Leute haben es durchsucht

How Can I Specifically Target Internet Explorer 11 with CSS Hacks?

So zielen Sie gezielt auf IE 11 mit CSS-Hacks ab

Die gezielte Ausrichtung auf Internet Explorer 11 mit CSS kann durch eine Kombination von Microsoft-spezifischen erreicht werden Regeln. Durch die Nutzung dieser Regeln ist es möglich, Hacks zu erstellen, die Stile nur auf IE 11 anwenden und andere Browser ignorieren.

Ein Ansatz besteht darin, die @media all and (-ms-high-contrast: none)-Regel zu verwenden. Diese Regel gilt für alle Browser, bei denen der Modus für hohen Kontrast deaktiviert ist. Da es sich um eine Microsoft-spezifische Funktion handelt, stimmt sie nur mit IE 10 und IE 11 überein.

Innerhalb dieser Medienabfrage können Sie Stile speziell auf IE 11 anwenden, indem Sie den Selektor *::-ms-backdrop verwenden. Dieser Selektor zielt auf das Hintergrundelement ab, das durch bestimmte Fokuszustände in IE 11 erstellt wird.

Zum Beispiel kann der folgende CSS-Code verwendet werden, um auf IE 11 abzuzielen und die Farbe eines Elements mit der Klasse „foo“ zu ändern. :

@media all and (-ms-high-contrast:none)
{
  .foo { color: green } /* IE10 */
  *::-ms-backdrop, .foo { color: red } /* IE11 */
}
Nach dem Login kopieren

Dieser Ansatz funktioniert, weil die Verwendung eines ungültigen CSS-Selektors, wie z. B. *::-ms-backdrop, dazu führt, dass IE 11 das Ganze ignoriert Auswahlblock. Durch die Kombination dieses ungültigen Selektors mit einem gültigen Selektor können Sie IE 11 effektiv ins Visier nehmen, ohne andere Browser zu beeinträchtigen.

Das obige ist der detaillierte Inhalt vonWie kann ich mit CSS-Hacks gezielt Internet Explorer 11 ansprechen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage