HTML

Ajouter une classe spéciale pour Internet Explorer

Publié en juillet 2013 2 extraits de code par Rémy Montangé

Fiche archivée. La technique décrite ici n’a plus cours sur un site actuel. La fiche reste en ligne pour qui maintient un ancien projet ; l’encadré en fin de page indique ce qui la remplace.

Les commentaires conditionnels sont une particularité d’Internet Explorer : les autres navigateurs les prennent pour de simples commentaires, IE les interprète. On s’en sert pour poser une classe sur <body> ou <html>, puis corriger l’affichage dans la feuille de style avec des sélecteurs comme .ie8 .menu.

HTML

<!--[if IE ]>
  <body class="ie">
<![endif]-->
<!--[if !IE]>-->

<!--<![endif]-->

HTML

<!--[if IEMobile 7 ]> <html dir="ltr" lang="en-US" class="no-js iem7"> <![endif]-->
<!--[if lt IE 7 ]> <html dir="ltr" lang="en-US" class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7 ]>    <html dir="ltr" lang="en-US" class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8 ]>    <html dir="ltr" lang="en-US" class="no-js ie8 oldie"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><!--<![endif]-->

Autres fiches HTML