30
MARS

[Memo] Sélectionnez IE6, IE7 et IE8 en CSS en quelques caractères

Publié le 30/03/10 à 06h59 par DJo

Voici quelques astuces CSS permettant de sélectionner distinctivement les 3 versions d'Internet Explorer: IE6, IE7 et IE8.

CSS vs Internet Explorer

Il est très souvent nécessaire d'appliquer des hacks CSS spécialement pour les versions d'Internet Explorer.

Seul problème, les hacks doivent souvent différer suivant la version, du navigateur, il faut donc réussir à sélectionner uniquement la version à hacker en CSS.

Voici comment en quelques caractères créer un sélectionneur CSS pour IE.

 

Hack CSS IE6, IE7, IE8

body {
 color: red; /* Tous les navigateurs*/
 color : green\9; /* IE8 et versions inférieures */
 *color : yellow; /* IE7 et versions inférieures */
 _color : orange; /* IE6 */
}

 

C'est très simple, mais il faut s'en souvenir !

 

Site Officiel

Baraguiné par papiercanson le 30/03/10 à 08h16
papiercanson via Twitter
Ah ben impeccable : hop en snippet dans Coda.
Baraguiné par Belkira le 30/03/10 à 10h17
Belkira sur La Ferme du Web
Perso je préfère utiliser les commentaires conditionnels ...

http://www.alsacreations.com/astuce/lire/48-quest-ce-que-les-commentaires-conditionnels.html
Baraguiné par Spout le 30/03/10 à 11h39
Spout sur La Ferme du Web
Super :D moi qui cherchait un moyen de contourner facilement une connerie d'IE8 :)
Merci.

Sachant que pour ie6 en général j'utilise le !important :)
Les commentaires conditionnels c'est bien mais casse-couille à utiliser je trouve.
Baraguiné par Magus le 30/03/10 à 12h15
Magus sur La Ferme du Web
Merci pour ce petit pense bête, mais comme Belkira, je préfère recourir aux commentaires conditionnels pour insérer une (des) feuille(s) de style spécifique(s) IE ou certaines de ses versions et surcharger ainsi les styles définis ou en ajouter d'autres.

Pour moi c'est une solution beaucoup plus propre et claire, et puisque ça existe, pourquoi s'en priver ? Cela implique une légère baisse de performances pour les navigateurs qui auront à charger une feuille de style supplémentaire, mais c'est un mal pour un bien. (Et puis s'ils utilisaient des navigateurs récents, les utilisateurs n'auraient pas cet inconvénient, IE8 ne nécessitant pas de bidouille spécifique dans la majorité des cas)

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web