Tranparencias PNG en Internet Explorer 6

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é tenemos que hacer?

- Primero, descargar el archivo que Angus incluye en su sitio, listo para descargarse. El archivo se actualiza esporádicamente, por lo que preferimos dejar el enlace para descargar.
- Lo segundo es pegar el siguiente código en nuestro archivo CSS:

img {
behavior: url(iepngfix.htc);
}

Si estamos trabajando con PNG transparentes en fondos CSS, también podemos hacer que funcionen con el Internet Explorer 6. Supongamos que tenemos el siguiente código:

#header {
background:url(header.png);
}

Lo único que deberíamos hacer es aplicar el comportamiento del fondo al elemento #header. Así:

img, #header {
behavior: url(iepngfix.htc);
}

Podemos 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, podemos ver la implementación de la transparencia de PNG en la imagen de la torre.

Podemos encontrar más detalles y ejemplos en el sitio de Angus, TwinHelix.

Artículo obtenido de: ElWebMaster.

~ por inforlandia en Diciembre 7, 2007.