Comment cibler spécifiquement Internet Explorer 10 avec CSS ?

Cibler spécifiquement Internet Explorer 10

Internet Explorer peut présenter des défis uniques lorsqu'il s'agit d'appliquer des styles spécifiques ou d'exécuter certains codes JavaScript. Le ciblage d'Internet Explorer 10 nécessite exclusivement une approche personnalisée.

La méthode de commentaires conditionnels que vous avez essayée, bien que couramment utilisée pour cibler Internet Explorer, ne semble pas fonctionner spécifiquement pour Internet Explorer 10.

Utiliser les requêtes multimédias CSS

Au lieu de vous fier aux commentaires conditionnels, optez pour les requêtes multimédias CSS. Voici quelques options pour cibler différentes versions d'Internet Explorer :

• Internet Explorer 9, 10 et 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 */
  }

  Copier après la connexion
  ) { /* CSS for IE 9, 10, and 11 here */ }

• Internet Explorer 10 uniquement :

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

  Copier après la connexion

• Navigateur Edge :

Pourquoi utiliser les médias Requêtes ?

Les requêtes multimédias sont une méthode plus fiable pour cibler des navigateurs spécifiques. Ils sont moins susceptibles d'être usurpés et offrent un mécanisme de ciblage plus précis.

Sources pour référence ultérieure :

• [Déplacement du CSS spécifique à Internet Explorer dans @media Blocs](https://css-tricks.com/moving-internet-explorer-special-css-into-media-blocks/)
• [Comment cibler Internet Explorer 10 et 11 en CSS](https ://www.sitepoint.com/target-internet-explorer-10-11-css/)
• [CSS Hacks pour Windows 10 et Microsoft's Edge Navigateur Web](https://css-tricks.com/css-hacks-windows-10-microsoft-edge-web-browser/)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!