CSS - Hacks IE : Charger une feuille de style spécifique pour IE

Si vous avez déjà développé un site internet, vous devez savoir combien internet explorer représente un obstacle au "libre épanouissement de nos délires créatifs". Pour contourner le problème, la meilleure solution est d'utiliser des "hacks". Concrètement : charger une feuille de style spécifique à la version d'ie utilisée par le visiteur. Voici comment rédiger les conditions nécessaires aux chargements des styles spécifiques

Condition Positive
<!--[if condition]> HTML <![endif]-->

Condition Négative
<!--[if !condition]><![IGNORE[--><![IGNORE[]]> HTML <!--<![endif]-->

Dans chacun de ces cas, la condition peut être :

IE
N'importe quelle version d'IE

lt IE version
Versions inférieure à version

lte IE version
Versions inférieurs ou égales à version

IE version
Uniquement la version version

gte IE version
Versions supérieures ou égales à version

gt IE version
Versions supérieures à version, où "version" correspond à internet Explorer, généralement 5, 5.5,6, ou 7

Voici quelques exemples :

Uniquement pour internet explorer (toutes versions) :
<!--[if IE]> <link href="ie_only.css" rel="stylesheet" type="text/css"> <![endif]-->

Uniquement pour internet explorer 6 et inférieur :
<!--[if lt IE 7]> <link href="ie_6_and_below.css" rel="stylesheet" type="text/css"> <![endif]-->

Uniquement pour les versions d'internet explorer supérieures à la version 7 :
<!--[if !lt IE 7]><![IGNORE[--><![IGNORE[]]> <link href="recent.css" rel="stylesheet" type="text/css"> <!--<![endif]-->

Pour tout les navigateurs sauf internet explorer :
<!--[if !IE]>--> <link href="not_ie.css" rel="stylesheet" type="text/css"> <!--<![endif]-->
Gpenverne

Gpenverne

Développeur backend symfonien, qui trouve toujours moyen de faire des machins avec des bidules même si ce n'est pas utile.

Read More