Snippet : Internet Explorer en Body CSS Class

Une technique assez connue, quand vos sites n’ont pas besoin d’une feuille de style, est de mettre une classe à HTML ou BODY pour indiquer la version d’IE, grâce aux commentaires conditionnels.
Exemple dans HTML Boilerplate :




  

Je vous propose ma version (dans body, mais vous avez le choix), permettant de cibler plus finement les versions :

 
 
 
 
 
 

Du coup, les débugs IE sont bien plus propres :

.monbloc{display:inline-block}
.lt_ie8 .monbloc{display:inline;zoom:1}

Partager cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

  • J’ai un peu le sentiment que ça pourri le DOM (mais c’est peut-être moi?) t’as vraiment besoin d’une granularité aussi importante? Quand je vois :

    « maclass is_ie6 lt_ie7 lt_ie8 lt_ie9 lt_ie10 »

    ça me fait un peu flipper…

  • Evidemment, ça doit être revu avant la mise en ligne.
    Pas besoin de garder les classes de travail une fois que tout est réglé, et si on n’utilise que is_ie7, par exemple 🙂