CSS \ 9 en la propiedad de ancho

¿Cuál es el significado de este? Supongo que es un hack de navegador, pero no he podido encontrar qué es exactamente lo que hace.

width: 500px\9; 

¿Cuál es el significado de \9 ?

\9 es un “CSS hack” específico de Internet Explorer 7, 8 y 9.

Esto simplemente significa que la línea específica de CSS termina con un \9; en lugar de ; solo es válido en IE 7, 8 y 9.

En tu ejemplo,

width: 500px\9; significa que un ancho de 500 píxeles (el mismo resultado que el width: 500px; ) solo se aplicará al usar IE 7, 8 y 9.

Todos los demás navegadores ignorarán el width: 500px\9; por completo, y por lo tanto no aplicar width: 500px; al elemento en absoluto.

Si tu CSS se veía así …

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

El resultado sería #myElement 500 píxeles de ancho en IE 7, 8 y 9, mientras que en todos los demás navegadores, #myElement tendría 300 píxeles de ancho.

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


EDITAR:

Esta respuesta se escribió en 2011. Ahora debería tenerse en cuenta que este truco también funciona en IE 10.

Es un hack css para IE9 y la versión siguiente

escribe así:

 width: 500px\9; 

Lee este artículo http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

En IE9 para establecer la propiedad de ancho, simplemente agrega este truco.

p.ej

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

Hack CSS para IE9

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