Appliquer une propriété uniquement à Internet Explorer 7
Posté par jbj le 9 fév 2008 dans (x)HTML/CSS • 8 commentairesA la sortie de la dernière version de son navigateur, Microsoft avait prévenu que le bon vieux hack consistant à insérer un underscore devant le nom de la propriété CSS que l'on souhaitait voir appliquer uniquement par Internet Explorer ne fonctionnerait plus avec IE7, ce qui est effectivement vrai.
Pourtant, il existe un hack relativement méconu et au effets semblables: Appliquer seulement une propriété à IE, version 7 cette fois-ci.
Avant de rentrer dans les détails, il faut bien savoir que ce genre, c'est du 100% quick & dirty: Aucune feuille de style dotée de ce genre de bidouille ne passera la validation w3c. Si votre objectif est d'obtenir un code irréprochable, alors utilisez plutôt un commentaire conditionnel.
Toutefois, devant les innombrables idiosyncrasies propres au navigateur de microsoft, il faut savoir s'armer. Et même si c'est discutable, la plupart des clients préfereront 100 fois un code avec une ou deux erreurs w3c mais 100% compatible IE à l'inverse.
Passons au hack en lui-même: IE6 utilisait l'underscore, pour IE7, un simple point fera l'affaire:
.uneClasse{
width: 150px; /* Tous les browsers */
_width: 150px; /* Uniquement appliqué par IE6 */
.width: 150px; /* Uniquement appliqué par IE7 */
}
J'avoue avoir été quelque peu suspicieux lorsque j'ai entendu parler de cette technique pour la première fois, mais je l'ai testée hier au boulot (gloups!) et tout fonctionne comme escompté.
Un hack bien cracra à garder pour les cas désespérés...
Appliquer une proprit uniquement Internet Explorer 7…
A la sortie de la dernire version de son navigateur, Microsoft avait prvenu que le bon vieux hack consistant insrer un underscore devant le nom de la proprit CSS que lon souhaitait voir appliquer uniquement par Internet Explorer ne fonctionnerait plus…
[...] lien vers la nouvelle | vu sur scoopeo [...]
Tu l’as dis, c’est du quick and dirty. Mais vu les problèmes que posent IE lorsqu’on développe un site, ce genre d’astuce est toujours la bienvenue! Merci à toi, je pensais bien que les hacks ne marchaient pas avec IE7.
PS: J’adore l’icone avec le e bleu dans la corbeille d’os x…c’est de toi?
Non, c’est pas de moi. J’ai trouvé ça sur un blog Allemand y’a quelques temps déja, depuis je l’utilise assez souvent, notamment comme avatar sur Pidgin/Adium
Bon à savoir! Je me doutais bien qu’il devait bien exister un équivalent à l’underscore d’ie6…
ça marche très bien! mais pour l’info… @+
Merci pour l’info, très efficace.