Wie gezielt Internet Explorer 10 mit CSS ansprechen?

Spezielles Targeting von Internet Explorer 10

Internet Explorer kann besondere Herausforderungen mit sich bringen, wenn es darum geht, bestimmte Stile anzuwenden oder bestimmten JavaScript-Code auszuführen. Für die Ausrichtung auf Internet Explorer 10 ist ausschließlich ein maßgeschneiderter Ansatz erforderlich.

Die von Ihnen versuchte Methode der bedingten Kommentare wird zwar üblicherweise für die Ausrichtung auf Internet Explorer verwendet, scheint jedoch speziell für Internet Explorer 10 nicht zu funktionieren.

Verwendung von CSS-Medienabfragen

Anstatt sich auf bedingte Kommentare zu verlassen, entscheiden Sie sich für CSS-Medienabfragen. Hier sind einige Optionen für die Ausrichtung auf verschiedene Versionen von Internet Explorer:

• Internet Explorer 9, 10 und 11:

  @media screen and (min-width:0<pre class="brush:php;toolbar:false">@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      /* CSS for IE 10 only here */
  }

  Nach dem Login kopieren
  ) { /* CSS for IE 9, 10, and 11 here */ }

• Nur ​​Internet Explorer 10:

  @supports (-ms-accelerator:true) {
      .selector { property: value; } /* CSS for Edge here */
  }

  Nach dem Login kopieren

• Edge Browser:

Warum Medienabfragen verwenden?

Medienabfragen sind eine zuverlässigere Methode zur Ausrichtung auf bestimmte Browser. Sie sind weniger anfällig für Spoofing und bieten einen präziseren Targeting-Mechanismus.

Quellen für weitere Referenzen:

• [Verschieben von Internet Explorer-spezifischem CSS in @media Blöcke](https://css-tricks.com/moving-internet-explorer-special-css-into-media-blocks/)
• [So zielen Sie auf Internet Explorer 10 und 11 in CSS ab](https ://www.sitepoint.com/target-internet-explorer-10-11-css/)
• [CSS-Hacks für Windows 10 und Microsofts Edge-Webbrowser](https://css-tricks.com /css-hacks-windows-10-microsoft-edge-web-browser/)

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