Sugerencia rápida cómo orientar IE6, IE7 e IE8 únicamente con 4 caracteres

Hace dos meses, en un consejo rápido de video, demostré cómo usar el guión bajo y los hacks estrella para apuntar a Internet Explorer 6 y 7 en sus hojas de estilo. En la sugerencia rápida de hoy, iremos un paso más allá, ya que presentamos un nuevo hack que apunta a IE8 y también a otros. Se debe tener en cuenta que esta no es una buena práctica, y los comentarios condicionales deben usarse en su lugar el 98% del tiempo. Dicho esto, siempre es importante saber lo que puedes hacer, y además es divertido, ¿verdad??


Suscríbete a nuestra página de YouTube para ver todos los videos tutoriales.!

IE8 y debajo

La clave para apuntar a Internet Explorer 8 y más abajo, con un hack, es agregar "\ 9" al final de su estilo. Por ejemplo:

 cuerpo color: rojo; / * todos los navegadores, por supuesto * / color: verde \ 9; / * IE8 y más abajo * /

Es importante tener en cuenta que debe ser "\ 9". Desafortunadamente, no puedes reemplazar esto con algo como "\ IE", como intenté hacerlo. Incluso "\ 8" no funcionará; debe ser "\ 9".


IE7 y abajo

Como aprendimos en el consejo rápido de enero, podemos usar el símbolo * para apuntar a IE7 y más abajo, así:

 cuerpo color: rojo; / * todos los navegadores, por supuesto * / color: verde \ 9; / * IE8 y debajo * / * color: amarillo; / * IE7 y más abajo * /

IE6

Por último, tenemos el guión de subrayado, con el que la mayoría de los diseñadores ya están familiarizados. En lugar del símbolo *, usamos el guión bajo. Esto apuntará solo a Internet Explorer 6.

 cuerpo color: rojo; / * todos los navegadores, por supuesto * / color: verde \ 9; / * IE8 y debajo * / * color: amarillo; / * IE7 e inferior * / _color: naranja; / * IE6 * /

Una nota sobre hacks CSS

Vale la pena señalar que no estoy abogando por el uso de hacks en sus hojas de estilo de ninguna manera. Por el contrario, casi siempre debes usar comentarios condicionales. Sin embargo, eso no significa que no sea útil saber lo que técnicamente puede salirse con la suya, ya sea para depurar o presumir ante sus amigos.!

La mayor preocupación es que los hacks no son una prueba de futuro, al menos no realmente. Por ejemplo, qué pasaría si, con el lanzamiento de Firefox 4, ellos también reconocieran las propiedades junto con el * hack. Probablemente nunca lo harían por razones de compatibilidad, sin embargo, si lo hicieran, eso podría arruinar una parte de su diseño. En última instancia, solo sé prudente cuando uses hacks. Si solo necesitas cambiar una o dos propiedades para hacer feliz a IE6, entonces no veo ningún daño en usar el guión de subrayado directamente en tu hoja de estilo. El mundo no se acabará. Sin embargo, si hay un puñado de cambios, asegúrese de usar comentarios condicionales!

 

Gracias por leer y mirar!