Wie formatiere ich Elemente mithilfe von CSS-Hacks speziell für Internet Explorer 11?

So zielen Sie mit CSS-Hacks auf Internet Explorer 11 ab

Mit CSS-Hacks können Sie bestimmte Browser wie Internet Explorer 11 gezielt ansprechen. Hier ist eine Anleitung, die Ihnen beim Schreiben eines CSS-Hacks für IE 11 hilft:

Um speziell auf IE 11 abzuzielen, können Sie eine Kombination aus Microsoft-spezifischen CSS-Regeln verwenden. Fügen Sie in Ihrem HTML das folgende Meta-Tag hinzu:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Verwenden Sie in Ihrem CSS die Regel @media all und (-ms-high-contrast: none), um auf IE 10 abzuzielen. Innerhalb dieser Regel Sie kann Stile für Elemente mit der Klasse .foo angeben.

@media all and (-ms-high-contrast:none) {
  .foo { color: green } /* IE10 */
}

Um nur auf IE11 abzuzielen, verwenden Sie *::-ms-backdrop Pseudoelement.

@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .foo { color: red } /* IE11 */
}

Diese Technik funktioniert, weil Benutzeragenten, die einen Selektor (in diesem Fall *::-ms-backdrop) nicht analysieren können, ihn und den folgenden Deklarationsblock ignorieren. Daher gelten die Stile innerhalb der IE11-spezifischen Regel nur für IE11.

Hier ist ein Beispiel-Codeausschnitt:

  
    
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
  
  
    
Hi There!!!
  

Mit diesen CSS-Hacks können Sie Elemente effektiv formatieren speziell für Internet Explorer 11.

Das obige ist der detaillierte Inhalt vonWie formatiere ich Elemente mithilfe von CSS-Hacks speziell für Internet Explorer 11?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!