Qué Pasa Tú ! el Blog de

Fernando Saiz Camarero

"Values. Respect. Decency. Standards." - A Bit of Fry and Laurie (1986)

Modificación del border-radius.htc para IE6, 7 & 8: Bordes redondeados con soporte para transparencia

Me he topado con un pack de plugins para jQuery, se llama jquery-cssHooks , permite estandarizar el módo en el que los navegadores procesan los atributos css.

Y he encontrado un antiguo conocido  border-radius.htc. He advertido que tiene un pequeño fallo. Y es que no soporta transparencia, por ello si intentas redondear los bordes de una capa con cierto grado de transparencia, se procesa como totalmente opaca.  Para solucionar esto propongo agregar unas lineas al código original.

// En la línea 47
var opacity = this.currentStyle.opacity;
//
// En la línea 87
rect.style.opacity = opacity;
rect.style.filter=’alpha (opacity=’+parseInt(opacity*100)+’)’;
//

Deja un comentario

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Saben de que hablan
(en ocasiones se equivocan)