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.