Bordes redondeados en Internet Explorer 6, 7 y 8

Yo se que suena algo chistoso el hecho de que todavia hago páginas web para IE 6 y 7 pero intenten decirle eso al jefe y mas aun que tenga su proveedor alla en China que relamente acceden a su sitio web con el navegador internet explorer 6, es catastrofico y yo no los creia hasta que me mostraron, asi que tube que buscar formas para poder hacer que la web que preparaba para ellos y que usaba los bordes redondeados del CSS3 y ademas imagenes en .png deberia verse bien tambien en internet explorer 6.

Asi que googleando, googleando encontre varios articulos y sitios que trataban de lo mismo e incluso tenian soluciones asi que utilice esas mismas soluciones y aplique a mi estilo y como me funciono bien hoy quiero compartir con ustedes.

Primeramente debemos descargar el PIE.htc, descomprimir el archivo y almacenarlo dentro de la carpeta de nuestro proyecto. En mi caso la carpeta css.

En este ejemplo voy a crear un estilo con bordes redondeados. Entonces el codigo quedaria de esta forma.

.borde-redondeado{
 -webkit-border-radiius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
/*Aca llamamos al PIE*/
behavior:url(css/PIE.htc)

}

Con esto ya obtendremos los bordes redondeados incluso en Internet Explorer 6

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.