Community

News, blog, utilities, etc.

Home » Community » Articulos » Hacks CSS para todos los navegadores incluido Explorer 8

Hacks CSS para todos los navegadores incluido Explorer 8

Browsers

Leo en el blog de Paul Irish, una recopilación de hacks css para todos los navegadores. Aunque nosotros no somos partidarios de hacer hacks en las css, hay momentos en que no existe otra posibilidad.

La anécdota es que Ms Internet explorer 8 en esta recopliación se considera como “Navegador Moderno”.

Os dejo la lista:


/***** Hacks con selectores ******/

/* IE 6 y anteriores */
* html #uno { color: red }

/* IE 7 y anteriores */
*:first-child+html #dos { color: red }

/* IE 7 y navegadores modernos */
html>body #tres { color: red }

/* Navegadores modernos (IE 7 no) */
html>/**/body #cuatro { color: red }

/* Opera 9.27 y anteriores */
html:first-child #cinco { color: red }

/* Safari */
html[xmlns*=""] body:last-child #seis { color: red }

/*safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho { color: red }

/* saf3, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#diez { background: #FFDECE; border: 2px solid #ff0000 }
}

/***** Hacks con Atributos ******/

/* ie6 y anteriores */
#once { _color:blue }

/* ie7 y anteriores */
#doce { *color: blue } /* or #color:blue */

  • Digg
  • del.icio.us
  • Facebook
  • Google

Deja tu comentario




Tags