Propriété CSS \ 9 in width

Qu’est-ce que cela veut dire? Je suppose que c’est un piratage de navigateur, mais je n’ai pas été en mesure de trouver exactement ce qu’il fait.

width: 500px\9; 

Quelle est la signification de \9 ?

\9 est un “hack CSS” spécifique à Internet Explorer 7, 8 et 9.

Cela signifie simplement que la ligne spécifique de CSS se terminant par un \9; à la place du ; n’est valide que dans IE 7, 8 et 9.

Dans votre exemple,

width: 500px\9; signifie qu’une largeur de 500 pixels (même résultat que width: 500px; ) ne sera appliquée qu’avec IE 7, 8 et 9.

Tous les autres navigateurs ignoreront width: 500px\9; entièrement et donc ne pas appliquer la width: 500px; à l’élément du tout.

Si votre CSS ressemblait à ceci …

 #myElement { width: 300px; width: 500px\9; } 

Le résultat serait #myElement 500 pixels de large dans IE 7, 8 et 9, tandis que dans tous les autres navigateurs, #myElement aurait 300 pixels de largeur.

http://webdesignandsuch.com/ie9-specific-css-hack/


MODIFIER:

Cette réponse a été écrite en 2011. Il convient maintenant de noter que ce hack fonctionne également dans IE 10.

C’est un hack css pour IE9 et la version ci-dessous

écris comme ceci:

 width: 500px\9; 

Lire cet article http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

Dans IE9 pour définir la propriété width, il vous suffit d’append ce hack.

par exemple

 .align { float:left; margin:5px; background-color:blue; width:65px; width:\9 !important; } 

CSS Hack pour IE9

 /* Hack CSS IE9 */ .csshackie9 {color:#f00\9\0\;}