Les classes conditionnelles en CSS
Si vous êtes concepteur web et qu’il vous arrive de devoir intégrer des sites compatibles avec les anciennes versions d’Internet Explorer, vous connaissez et employez sans aucun doute déjà ce qu’on appelle les commentaires conditionnels pour faire appel à des feuilles de styles dédiées aux mauvais navigateurs.
Par contre, vous ne connaissez peut-être pas une alternative très intéressante nommée “classes conditionnelles”. Il s’agit d’un mécanisme que j’emploie de plus en plus fréquemment.
Voici une version optimisée de classe conditionnelle :
<!--[if lte IE 7]> <html class="ie7 oldie" lang="fr"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie" lang="fr"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="fr"> <!--<![endif]-->
Le principe et les explications sont simples :
- sur les versions inférieures ou égales à Internet Explorer 7, le corps du document s’écrira <html class=”ie7 oldie” lang=”fr”> ;
- sur IE8, ce sera <html class=”ie8 oldie” lang=”fr”> ;
- sur tous les autres navigateurs (IE9+ et le reste du monde), il s’agira simplement de <html lang=”fr”>.
Si vous voulez en savoir plus, n’hésitez pas à parcourir l’ensemble de l’astuce que j’ai publiée sur Alsacréations : http://www.alsacreations.com/astuce/lire/988-classes-conditionnelles-css.html
