Existe una técnica sencilla para que Internet Explorer 6 acepte las transparencias de PNG. Funciona incluso con las transparencias en los fondos CSS. ¿Quién es el responsable de este truco? Angus Turnbull, y todo el crédito es únicamente suyo.
¿Qué tienes que hacer?
- Primero, descarga el archivo que Angus incluye en su sitio, listo para descargarse. El archivo se actualiza esporádicamente, por lo que preferimos dejarte el enlace para descargar.
- Lo segundo es pegar el siguiente código en tu archivo CSS: img { behavior: url(iepngfix.htc); }
Fondos transparentes
Si estás trabajando con PNG transparentes en fondos CSS, también puedes hacer que funcionen con el Internet Explorer 6. Supongamos que tienes el siguiente código:
#header { background:url(header.png); }
Lo único que deberÃas hacer es aplicar el comportamiento del fondo al elemento #header. AsÃ:
img, #header { behavior: url(iepngfix.htc); }
Puedes repetir esta técnica con cualquier elemento que utilice transparencias con PNG:
img, #header, .class, blockquote { behavior: url(iepngfix.htc); }
En el sitio del producto de Apple, Mac Pro, se puede ver la implementación de la transparencia de PNG en la imagen de la torre.
Puedes encontrar más detalles y ejemplos en el sitio de Angus, TwinHelix.
Viernes, 7 de Diciembre de 2007 a las 08.34
[...] ArtÃculo obtenido de: ElWebMaster. [...]
Martes, 18 de Diciembre de 2007 a las 00.33
Muy bueno el artÃculo.. super fácil… falta únicamente agregar que hay que copiar los archivos iepngfix.htc y blank.gif al lugar donde esta el html.
Viernes, 4 de Septiembre de 2009 a las 03.39
Mal explicado.
Saludos
Domingo, 23 de Enero de 2011 a las 18.38
Muchas gracias por la explicación tán fácil de entender y por la aclaración de Edgardo, al fin pude acomodar las transparencias, funciona perfectamente en IE5.5 y superiores.
Saludos.
Viernes, 4 de Marzo de 2011 a las 03.34
yo estoy usando oscommerce y tengo problemas con el logo en formato png. el tema es que no se donde deberia poner estos archivos porque todos son php y no html. probé subir estos archivos al servidor en el public_html y la primera vez que voy al sitio funciona bien pero cuando voy a otra pagina del sitio vuelve a quedar mal.Saludos
Viernes, 11 de Marzo de 2011 a las 05.31
Hola lamentablemente esto no sirve para cuando usamos mootools por ejemplo y sustituimos la imágen con mouseover/mouseenter, la imagen que reemplaza a la anterior no muestra transparencias, la verdad que hacer aplicaciones web 2.0 compatibles con IE6 es dÃficil, no veo la hora de que se extinga este explorador.
Por suerte en chrome, firefox y opera las cosas funcionan como deberÃan…