mai
25
2010
developpement // divers // html

CSS Hack IE6 / IE7 / IE8

Author An article by admin    Comments 4 Comments

Voilà un article qui permet d’utiliser des propriétés CSS spécifiquement pour IE6 / IE7 / IE8 sans créer de feuille de style supplémentaire !

Pour cela rien de plus simple ! Même si cette méthode est soumise  à précaution puisqu’à tout moment une mise à jour de Chrome de Firefox peut interférer avec ces hacks.

Pour que seul ie6 interprète la propriété :

1
2
3
4
5
6
7
body {

color: red; /* tous les navigateurs */
color : green\9 ; /* IE8 et inférieurs */
*color : yellow ; /* IE7et inférieurs*/
_color : orange ; /* IE6 uniquement*/
}

On récapitule donc :

  • pour ie8 : il faut rajouter ‘\9′ juste avant le point-virgule
  • pour ie7 : on rajoute une étoile avant la déclaration de la propriété
  • pour ie6 : un underescore avant la déclaration de la propriété

Le plus propre restant de déclarer des css conditionnels grâce aux hacks habituels de type :

1
2
3
4
5
6
7
<!--[if lt IE 8]>
<link href="http://www.omegasolutions.fr/css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
 
<!--[if lt IE 7]>
<link href="http://www.omegasolutions.fr/css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
Mots-clefs :, , ,

About the Author: Jonathan S

4 Comments + Add Comment

  • SuzieSuzy 6 juillet 2010 à 11 11 55 0755

    Les hacks classiques !… et !important ne marchent plus ou ne ciblent plus correctement IE ! Merci pour ce récapitulatif !

  • admin 6 juillet 2010 à 12 12 58 0758

    Ravi de savoir que ça a aider…

  • LabuzZ 25 août 2010 à 0 12 49 0849

    Salut !

    C’est article est une dynamite ;) !

    Je crois que le caractère slash « / » fonctionne aussi en remplacement de l’étoile « * » pour cibler IE 7.

    ^^ !

    Encore merci !

  • facebook layouts 15 février 2011 à 23 11 16 0216

    thnx bro

Leave a comment