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

* html {}

IE 7 et inférieurs

*+html, * html {}

IE 7 seulement

*+html {}

IE 7 et navigateurs modernes seulement

html>body {}

Navigateurs modernes seulement (IE 7 non inclus)

html>/**/body {}

IE 9 – Hack CSS Internet Explorer 9

.maClass {color:green;} :root .maClass{color:red \ ;}

Couleur Verte par défaut, mais Rouge pour IE9

Tous les ie

color: #FFF000\\9; /* Tous les IEs */

Firefox

.foo, x:-moz-any-link { } /* FireFox 2 */

.foo, x:-moz-any-link, x:default { } /* FireFox 3 */

html>/**/body .foo, x:-moz-any-link, x:default { } /* Only FireFox 3 */

Safari / Google Chrome

[color: #000000; /* Safari, Chrome */

Mise à jour 04/02/2011 : Ajout de safari, google chrome et « tous les ies »