Wie kann ich einen CSS-Hack speziell für Internet Explorer 11 erstellen?-CSS-Tutorial-php.cn

Wie kann ich einen CSS-Hack speziell für Internet Explorer 11 erstellen?

Patricia Arquette

Freigeben： 2024-12-08 15:26:10

Original

859 Leute haben es durchsucht

How Can I Create a CSS Hack Specifically for Internet Explorer 11?

Wie erstelle ich einen CSS-Hack speziell für IE 11?

Wenn Sie eine Website haben, die in IE 11 schlecht angezeigt wird, dann sind Sie Möglicherweise müssen Sie CSS-Hacks einsetzen, um das Problem zu beheben. So geht's:

CSS-Selektor für IE 11

Um ausschließlich auf IE 11 abzuzielen, verwenden Sie eine Kombination aus Microsoft-spezifischen CSS-Regeln, wie unten gezeigt:

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

Nach dem Login kopieren

Wie CSS-Hacks im IE funktionieren

Wenn ein Wenn ein Benutzeragent wie der IE auf einen ungültigen CSS-Selektor stößt, ignoriert er sowohl den Selektor als auch den folgenden Deklarationsblock. Dieses Verhalten wird von CSS-Hacks ausgenutzt, um ein browserspezifisches Styling zu erreichen.

Beispielcode

Der folgende Code zeigt, wie gezielt auf IE 10 und IE 11 abzielt:

<!doctype html>
<html>
 <head>
  <title>IE10/11 Media Query Test</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <style>
    @media all and (-ms-high-contrast:none) {
     .foo { color: green } /* IE10 */
     *::-ms-backdrop, .foo { color: red } /* IE11 */
     }
  </style>
 </head>
 <body>
  <div class="foo">Hi There!!!</div>
 </body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich einen CSS-Hack speziell für Internet Explorer 11 erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!