Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

jueves, 30 de octubre de 2008

Esquinas redondeadas para IE

Cuando se desean esquinas redondeadas en Firefox, a la propiedad border-radius se le agrega el prefijo -moz

-moz-border-radius

Navegadores basados en WebKit utilizan -webkit

-webkit-border-radius

Lamentablemente, Internet Explorer no tiene soporte para esta propiedad, por lo que en HTML Remix han publicado, recientemente, como hacerle comprender a este navegador la propiedad border-radius.

Y es así, que sólo recurriendo al archivo border-radius.htc y a una pocas líneas de CSS, se resuelve la visualización:

.curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
}

esquinas redondeadas

Lamentablemente, Opera no soporta el comportamiento htc.
El archivo zip, puede bajarse en Curved corner (border-radius) cross browser
Share:

Publicidad

Estadísticas