Estilos para IE9, IE10 e IE11

18/jun/2014 7

Desde IE10 quer ya no existen los comentarios condicionales, ese útil invento de Microsoft para que nosotros desarrolladores front-end pudiéramos lidiar con los estilos específicos para IE5, 6, 7, 8…. y 9.

Los quitaron porque creían que con IE10 todo estaba solucionado y volvían a abrazar los estándares, lo que fue en parte cierto. Pero quedan detalles por solucionar y ante ello, encontré un útil hack para permitir estilos específicos para IE9, IE10 e IE11:

@media screen and (min-width:0\0) { 
    /* Tus estilos CSS para IE9, IE10, IE11  */
}

… pero hay más …

@media \0screen\,screen\9 {
    /* Tus estilos CSS para IE6, IE7, IE8  */
}
@media \0screen { 
    /* Tus estilos CSS para IE8  */
}
@media screen\0 { 
    /* Tus estilos CSS para IE8, IE9, IE10  */
}

Link:

Comentarios

  1. Louis [#]

    Muy interesante lo que comentas en el art

  2. luis fernando [#]

    hola me encantaria desarrollar una pagina que tenga la animación que tu tienes en el titulo en donde esta la libélula. te agradeceria mucho si me pudieras ayudar. gracias

  3. Karen [#]

    Me ha sido muy útil, era justo lo que estaba necesitando. Este truco ” @media screen and (min-width:0) {
    /* Tus estilos CSS para IE9, IE10, IE11 */} ” no lo conocía y lo apliqué para solucionar mis problemas, anduvo a la perfección. Muchas gracias !!!!!

  4. silvia [#]

    Holaaa. Necesito algo como lo que has mostrado en este post. Pero por alguna razón no me funciona.
    Necesito la llamada a algún jquery en el head? o solo con meter este código en los estilos css es suficiente?

    Muchas gracias

    • Amanda [#]

      A mi tampoco me funciona!

      • Jorge Epuñan [#]

        Es puro CSS, funciona apenas los agregas en tu hoja de estilos. no tiene requisito ningun JS ó librería alguna.

  5. Anto [#]

    Muchas gracias!! Me has evitado un gran dolor de cabeza.
    Funciona :-)

Responder a Amanda ×

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab