tag - CSS / 9 en propiedad de ancho

javascript title

Question

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

width: 500px/9;

¿Cuál es el significado de /9 ?

Answer 1

CSS Hack para IE9

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

Answer 2

En IE9 para establecer la propiedad de ancho solo agregas este truco.

p.ej

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

Answer 3

Es un hack css para IE9 y la versión inferior.

escribe así:

width: 500px/9;

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

Answer 4

/9 es un "pirateo de CSS" específico de Internet Explorer 7, 8 y 9.

Esto simplemente significa que la única línea específica de CSS que termina con /9; en lugar de la ; Sólo 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; 500 width: 500px; ) solo se aplicará mientras se usa IE 7, 8 y 9.

Todos los demás navegadores ignorarán el width: 500px/9; en su totalidad, y por lo tanto no se aplica 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 se debe tener en cuenta que este truco también funciona en IE 10.