Hacks Navigateur
Les navigateurs internet ont tous (malheureusement) une vie propre à eux avec les CSS. Il est parfois nécessaire d’avoir une propriété particulière sur l’un d’ entre eux afin d’avoir le même affichage.
Voici des astuces pour IE et Firefox:
Internet Explorer
IE 6 et inférieurs
1 | * html {} |
IE 7 et inférieurs
1 | *+html, * html {} |
IE 7 seulement
1 | *+html {} |
IE 7 et navigateurs modernes seulement
1 | html>body {} |
Navigateurs modernes seulement (IE 7 non inclus)
1 | html>/**/body {} |
IE 9 – Hack CSS Internet Explorer 9
1 | .maClass {color:green;} :root .maClass{color:red \ ;} |
Couleur Verte par défaut, mais Rouge pour IE9
Tous les ie
1 | color: #FFF000\\9; /* Tous les IEs */ |
Firefox
1 | .foo, x:-moz-any-link { } /* FireFox 2 */ |
1 | .foo, x:-moz-any-link, x:default { } /* FireFox 3 */ |
1 | html>/**/body .foo, x:-moz-any-link, x:default { } /* Only FireFox 3 */ |
Safari / Google Chrome
1 | [color: #000000; /* Safari, Chrome */ |
Mise à jour 04/02/2011 : Ajout de safari, google chrome et « tous les ies »
Derniers commentaires