Aplicar estilos CSS segun el navegador

Aunque existen soluciones  basadas en javascript para la deteccion del navegador, la deteccion por PHP y las condicionales para la carga de hojas de estilo en IE, a veces puede ser util realizar un par de hacks en el css, sobre todo cuando el numero de estos es pequeno y no se requiere crear hojas de estilo especiales o implementar soluciones mas complejas.

Estos son los hack que he encontrado por la red para aplicar estilos determinados a cada navegador, no he probado todos pero la mayoria funcionan a la perfeccion.

  • IE 6 y anteriores
    * html .clase_del_elemento {  }
  • IE 7
    *:first-child+html .clase_del_elemento {  }
  • Navegadores modernos menos IE7
    html>/**/body .clase_del_elemento {  }
  • Opera 9
    html:first-child .clase_del_elemento {  }

    @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
    {
    head~body  .clase_del_elemento { }
    }
  • Safari
    html[xmlns*=””] body:last-child .clase_del_elemento {  }

    body:first-of-type .clase_del_elemento {  }

    @media screen and (-webkit-min-device-pixel-ratio:0){
    .clase_del_elemento { }
    }

  • Google Chrome
    body:nth-of-type(1) .clase_del_elemento {  }
  • Firefox 1.5,2.x
    body:empty .clase_del_elemento { }
  • Firefox
    @-moz-document url-prefix(){ .clase_del_elemento { } }

los hacks los he obtenido de:
http://www.dotpress.net/41/trucos-css-para-firefox-opera-safari-e-internet-explorer/

http://www.anieto2k.com/2006/12/26/css-entendiendo-y-aplicando-los-hacks/

Anuncios
Publicado en web

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s