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

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

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!