Discussion :

[Bisûnûrs]

A propos de l'underscore hack pour IE6

Tout le monde parle de ce fameux "underscore hack" qui permet d'ajouter une propriété CSS comprise d'IE6 seulement.
Exemple :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
body {
   _background : red; /* Code lu uniquement par IE6 */
}

Cependant, il s'avère qu'il existe un très grand panel de caractères spéciaux pouvant remplacer ce underscore. En effet, IE6 comprend une propriété CSS avec ces autres caractères également :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

+ # - ( @ [ & ^ / % !

(liste non exhaustive)

Exemples :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
body {
   +background : red; /* Code lu uniquement par IE6 */
}

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
body {
   !background : red; /* Code lu uniquement par IE6 */
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
body {
   %background : red; /* Code lu uniquement par IE6 */
}

On me souffle dans l'oreillette qu'on pourrait même les additionner :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
body {
   _+#-(@[&^/%!background : red; /* Code lu uniquement par IE6 */
}

Si l'utilité de mettre une longue liste de caractères spéciaux est discutable, peut-on encore vraiment appeler ce hack le "underscore hack" vu le nombre de possibilités en plus de l'underscore ?

[Erwan31]

Salut,

Si l'utilité de mettre une longue liste de caractères spéciaux est discutable, peut-on encore vraiment appeler ce hack le "underscore hack" vu le nombre de possibilités en plus de l'underscore ?

On pourra l'appeler le "non-alphanumeric character hack" mais bon à la limite peu importe, le tout est de savoir quels sont les navigateurs ciblés par ce type de syntaxe.
Ce type de hack peut être implémenté très ponctuellement mais s'il y plusieurs correctifs (ce qui est souvent le cas pour IE6), il est préférable de passer par les commentaires conditionnels (comme le recommande d'ailleurs les ingénieurs de Microsoft). Et je précise au passage tous ces hack (asterisk hack, hyphen hack...) invalident la CSS.

[Bisûnûrs]

Ce type de hack peut être implémenté très ponctuellement mais s'il y plusieurs correctifs (ce qui est souvent le cas pour IE6), il est préférable de passer par les commentaires conditionnels (comme le recommande d'ailleurs les ingénieurs de Microsoft). Et je précise au passage tous ces hack (asterisk hack, hyphen hack...) invalident la CSS.

On est d'accord. Moi-même n'utilise jamais ce genre de hack, mais je voulais faire part de ma "découverte".

[devyan]

Salut,

Dans le même esprit de CSS HACK il y a le point '.' qui lui est reconnu par IE7 mais pas par IE6
(même utilisation que pour l'underscore et même inconvénient de non validation W3C)