Condicionales en CSS

En ocasiones hacer compatible un diseño web con los browsers más habituales se complica y terminamos por recurrir a los famosos IE hacks.

A medida que el número de hacks utilizados empieza a ser notorio, el tamaño de los ficheros css aumenta e inevitablemente la velocidad de carga se resiente. Los condicionales CSS son un recurso interesante que permiten separar los hacks para internet explorer del css principal y cargarlos solo cuando los visitantes accedan desde este navegador, evitando la sobrecarga del resto (firefox,opera,chrome,etc).

El código se introduce dentro del head del html y su uso es así de sencillo:

<!--[if IE]>
   <link rel="stylesheet" href="http://todos-los-ie.css" type="text/css" media="screen" />
<![endif]-->

<!--[if lte IE 7]>
   <link rel="stylesheet" href="http://ie7.css" type="text/css" media="screen" />
<![endif]-->

<!--[if IE 6]>
   <link rel="stylesheet" href="http://ie6.css" type="text/css" media="screen" />
<![endif]-->

Los condicionales css no forman parte del estandar HTML y solo son interpretados por motor de renderizado Triton (Internet Explorer).

Dic200923

flmn

0