web-dev-qa-db-fra.com

Propriété CSS \ 9 en largeur

Qu'est-ce que cela veut dire? Je devine que c'est un hack de navigateur, mais je n'ai pas été capable de trouver ce que ça fait exactement.

width: 500px\9;

Quelle est la signification de \9?

csswidthcss-hack
205
well actually

\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, & 9.

Dans votre exemple

width: 500px\9; signifie qu'une largeur de 500 pixels (résultat identique à width: 500px;) ne sera appliquée qu'en utilisant IE 7, 8 et 9.

Tous les autres navigateurs ignoreront entièrement width: 500px\9; et n'appliqueront donc pas du tout width: 500px; à l'élément.

Si votre CSS ressemblait à ça ...

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

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

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

EDIT:

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

284
Sparky

C'est un hack css pour IE9 et les versions antérieures

écris comme ceci:

width: 500px\9;

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

13
sandeep

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

par exemple

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

CSS Hack pour IE9

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