Algunas veces nos hemos preguntado cómo podemos hacer efectivo una hoja de estilo CSS solo para determinadas versiones de Internet Explorer. Bien, pues para el que lo estaba buscando, aquí tiene cómo se hace:
<!--[if lte IE 7]> Aquí dentro se muestra el contenido para una versión igual o inferior a Internet Explorer 7. (Notar el "lte"). <!--[else]> Esto es para las versiones <strong>SUPERIORES</strong> a Internet Explorer 7. <![endif]-->
Si queremos establecer una regla para mostrar el contenido en una determinada versión en concreto, solo hay que quitar el “lte”, lo que en este caso ejecutaría el bloque dentro del “if” solo cuando abrimos la página con IE 7 y ejecutaría el bloque del “else”, en las demás versiones de IE.
El “else” es prescindible, pero siempre hay que cerrar el “if” tal como se indica.
Por ejemplo, si queremos importar una hoja de estilos adicional cuando abramos la página con IE7 o inferior, podría quedar así:
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/css/style_ie.css" /><![endif]-->