CSS3 en IE 6, 7 y 8 sin problemas

[maxuber]

Amigos

Como sabrán Internet Explorer no resuelve bien los estilos CSS3, para nosotros los diseñadores esto es un grave problema, ya que una gran mayoría de los usuarios cuentan con este navegador problemático, cuando queremos que un recuadro tenga los bordes redondeados lo pensamos dos veces o escribimos algunas líneas de más para que el bendito browser de Microsoft muestre la página tal cual como la diseñamos.

Hoy les traigo una excelente solución, se trata de CSS3 un script que hace que podamos renderizar CSS3 en IE del 6 al 8, ¿increíble no? Esperen y vean lo fácil que es implementarlo.

Supongamos que queremos hacer un simple cuadrado con sus esquinas redondeadas en 10 pixeles.

 

http://www.mediafire...mmlc13wp2kmht6s

Como Usarlo?

 

#myElement {

padding: 2em;[/color]

-moz-border-radius: 1em;[/color]

-webkit-border-radius: 1em;[/color]

border-radius: 1em;[/color]

}

 

El resultado será una caja con unas ligeras esquinas redondeadas en casi todos los navegadores modernos, excepto, por supuesto,Internet explore 6,7 y 8, el cual mostrará una caja con esquinas cuadradas. Sin embargo, si añadimos la siguiente regla al final del CSS:

 

#myElement {

...

behavior: url(PIE.htc);

}

Ahora observaremos el mismo efecto de esquinas redondeadas en IE. Pero eso no es todo. Podemos realizar el mismo procedimiento para dar soporte a otrascaracterísticas de CSS3:

• border-radius
  
• box-shadow
  
• border-image
  
• multiple background images
  
• linear-gradient as image
  

[koc]

vamos a probar, saludos

[AshWilliams]

Buen aporte maxuber :banana:

[naitsabes7]

buen aporte