Quelle est la signification de \9 dans la déclaration de la valeur de la propriété de la largeur ?

Question

Qu'est-ce que cela signifie ? Je suppose qu'il s'agit d'un piratage du navigateur, mais je n'ai pas réussi à trouver ce qu'il fait exactement.

width: 500px\9;

Quelle est la signification de \9 ?

Answer 1

\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 valable que pour 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é que lors de l'utilisation d'IE 7, 8 et 9.

Tous les autres navigateurs ignoreront width: 500px\9; entièrement, et ne s'applique donc pas width: 500px; à l'élément.

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, et dans tous les autres navigateurs, #myElement serait de 300 pixels de large.

Plus d'informations

---

EDIT :

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

Answer 2

Il s'agit d'un hack css pour IE9 et les versions inférieures.

écrire comme ceci :

width: 500px\9;

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

Answer 3

CSS Hack pour IE9

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

Answer 4

Dans IE9, pour définir la propriété de largeur, il suffit d'ajouter ce hack.

Par exemple

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