Los "HACKS" y "COMENTARIOS CONDICIONALES" de Internet Explorer

Cuantas veces, hemos tenido problemas con estilos de CSS que funcionan bien, en un navegador, pero en otros no, como es el caso de Internet Explorer que se necesitan aplicar otros estilos o en su defecto, añadirle estilos. 

Sin embargo puede darse el añadir estilos que hagan bien en Internet Explorer alteren el buen maquetado que se ha realizado y que se vea bien en un navegador distinto al de Internet Explorer.

Entre los mas usados hacks de css, están el del guión bajo, el asterisco y el \9 para el resto de navegadores una propiedad con un guión bajo, u otro caracter alfanumérico delante es algo que no lo reconoce, en cambio para Internet Explorer lo interpreta sin ningún problema.

Ahora hablaremos sobre los comentarios condicionales, se basa en los comentarios normales de html, ésta sintaxis permite que no sea leído su contenido por un navegador que no sea Internet Explorer:

La sintaxis de los comentarios condicionales, se crean combinando identificadores, operadores y valores, el único identificador definido es IE y el operador más sencillo es el de navegación (!), así como vemos en la siguiente imagen.

Ahora si queremos especificar que, se aplique ciertas funcionalidades o estilos a un navegador determinado, definiremos la versión la cual queremos que afecte el código, pero si deseamos que sea menor o mayor a una versión especificada utilizaremos (lt = Versión anterior a, lte = Es igual o versión anterior a), (gt = Versión mayor a, gte = Es igual o mayor versión a):

Versión específica

Versión (mayor, menor, mayor igual, menor igual)

Podremos seguir revisando, más detalle sobre la funcionalidad en éste enlace.

Ahora hablaremos sobre los Hacks de la regla @media 0\0, que podremos resumir en el siguiente cuadro, sobre la compatibilidad:

Estos media queries, nos apoya para aplicar algunos estilos específicos a versiones de navegadores de internet explorer, sin necesidad de utilizar los comentarios condicionales, que mas podríamos utilizar para cargar scripts o archivos de estilos de gran cantidad de código, en lugar de estilos determinados.

Para mayor alcance mostramos. ejemplos de como se aplican y a que versión de internet explorer es en el que funcionan:

Internet Explorer 6, Internet Explorer 7

Internet Explorer 6, Internet Explorer 7, Internet Explorer 8

Internet Explorer 8, Internet Explorer 9, Internet Explorer 10

Con los anteriores ejemplos, nos dice en que navegadores nada más funcionarían los estilos definidos en los media queries.

Espero que les haya gustado el aporte, recomienden a sus amigos que se seguirán publicando nuevos artículos. Estén atentos a nuevos post.