Comment détecter différentes versions d'IE? - Commentaires conditionnels
Plusieurs fois, notre jolie alignement ou mise en page CSS fonctionne dans les navigateurs Firefox, Opera ou Chrome, mais il n'a pas réussi à interpréter correctement dans Internet Explorer dans la version 5.5, 6 ou même 7. En effet, Internet Explorer n'a pas suivi la norme CSS et a sorti sa propre norme Microsoft.
Nous devons utiliser des techniques appelées hack CSS ou méthodeconditional comments pour implémenter le CSS spécifié pour la version IE spécifiée. Même la même disposition CSS s'affichera différemment entre IE 6 et IE 7. Cesconditional comments ne sont interprétés par Microsoft Internet Explorer qu'en code source HTML, il s'agit simplement d'une fonctionnalité "IE uniquement" et ils ne sont pris en charge par aucun autre navigateur non IE. Tous les navigateurs non IE le traiteront comme un commentaire normal dans le code HTML.
Exemple
La balise dans l'exemple ci-dessous permettra à IE 5.5 ou 6 de lire le fichier CSS spécifié tandis que IE 7 l'ignorera
P.S lt equals to less than
La balise dans l'exemple ci-dessous permettra à IE 7 de lire le fichier CSS spécifié tandis qu'IE 6 ou moins l'ignorera
Étude de cas
-
Les navigateurs Firefox et non IE interpréteront common.css et ignoreront les fichiers CSS common_ie.css et common_ie7.css.
-
Internet Explorer version 5.5 ou 6 interprétera common.css suivi de common_ie.css, la valeur CSS dans common_ie.css remplacera common.css.
-
Internet Explorer version 7 interprétera common.css suivi de common_ie7.css, la valeur CSS dans common_ie7.css remplacera common.css.
Conclusion
La technique des commentaires conditionnels est un must si nous voulons implémenter certains sites Web de support pour plusieurs navigateurs.
Soit dit en passant, pourquoi Internet Explorer ne suit pas la norme CSS comme les autres navigateurs? Je pense que c'est la façon dont Microsoft commercialise ses produits - implémentez toujours quelque chose que Microsoft comprend :). Attendez-vous à ce à quoi ressemblera Internet Explorer 8, est-ce un nouveau produit innovant? ou tout simplement un autre produit «monétaire» de Microsoft.