Si al maquetar una web nos encontramos con que una serie de elementos no se ven bien en Explorer, nos veremos obligados a crear una hoja de estilos para este navegador para definir esas diferencias. Entonces dispondremos un Hack condicional en el head de nuestra página justo después de la llamada de la hoja de estilos CSS principal.
Este condicional sería así, dentro de los corchetes ponemos la url de la hoja de estilos CSS especial para explorer:
<!--[if IE]> <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]-->
Podemos identificar el navegador exacto para el que es la excepción:
Para explorer 7 <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]--> Para explorer 8 <!--[if IE 8]> <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]-->
O puede ser para versiones anteriores a la que indicamos. En este ejemplo de abajo la condición es sólo para versiones anteriores a la 9:
<!--[if lt IE 9]> <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]-->
O para versiones anteriores pero también incluyendo la que indicamos:
<!--[if lte IE 7]> <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]-->
También podemos escribir la condicional de modo que sea para versiones superiores a la indicada:
<!--[if gt IE 6]> <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]-->