jueves, 24 de marzo de 2011

Condiciones en CSS

Ante el problema de necesitar una segunda hoja CSS para un navegador en especial comúnmente usado con IE. Podríamos usar algo como esto:

<!--[if IE 8]> 
    <style type="text/css"> 
    /* css for IE 8 */
     </style>
<![endif]-->

<!--[if lt IE 8]> 
    <link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

Esto visualizará la primera CSS si el navegador es IE8 en caso de que fuera menor que IE8 se aplicará la segunda CSS. Una brebe explicación de las condiciones posibles:
  • <!--[if IE 8]> = IE8
  • <!--[if lt IE 8]> = IE7 or below
  • <!--[if gte IE 8]> = greater than or equal to IE8
un saludo espero que esto os ayude