Résolvez divers problèmes de compatibilité IE (IE6-IE10) avec une seule ligne de code

Cet article présente principalement comment résoudre divers problèmes de compatibilité IE (IE6-IE10) avec une seule ligne de code. C'est une très bonne méthode et j'espère qu'elle pourra aider tout le monde.

x-ua-compatible est utilisé pour spécifier le modèle du navigateur IE pour analyser et compiler la page

x-ua-compatible La balise d'en-tête n'est pas sensible à la casse et doit être utilisée dans la tête, sauf le titre Utilisé avant les autres méta.

1. Utilisez une ligne de code pour spécifier le navigateur pour utiliser un mode de document spécifique.

<meta http-equiv="x-ua-compatible" content="IE=9" >
<meta http-equiv="x-ua-compatible" content="IE=8" >
<meta http-equiv="x-ua-compatible" content="IE=7" >

2 Dans certains cas, nous devons limiter l'analyse du document par le navigateur à une version spécifique, ou Limiter. le navigateur aux performances de certaines anciennes versions. Vous pouvez utiliser la méthode suivante :

<meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" >

En utilisant cette méthode d'écriture, le navigateur peut soit utiliser le mode standard pour l'analyse, soit utiliser le Mode IE5 Quirks pour l’analyse.

3. Pour les tests, nous pouvons également utiliser l'instruction suivante pour spécifier que le navigateur analyse la page selon le mode standard le plus élevé.

<meta http-equiv="x-ua-compatible" content="IE=edge" >

4. Désignation de plusieurs modes. Nous pouvons séparer plusieurs versions par des virgules. Dans ce cas, le navigateur choisira la version la plus élevée qu'il prend en charge dans cette liste pour la rendre en mode standards. Comme dans l'exemple ci-dessous, lors de la navigation dans IE8, le mode standard d'IE7 sera utilisé pour le rendu, car il ne supporte pas IE9 et IE10.

<meta http-equiv="x-ua-compatible" content="IE=7,9,10" >

Recommandations associées :

Comment résoudre les problèmes de compatibilité avec la transparence dans IE 6, 7 et 8

Résoudre les problèmes de compatibilité du navigateur avec la fonction de date js Date()

Partage de certaines méthodes d'écriture pour les problèmes de compatibilité du navigateur IE