Alejandra Viernes, 28 de Septiembre de 2007 a las 10.23
   Imprimir artículo
elWebmaster.com

Cómo lograr soporte para 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é 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

pngtransp.jpgSi 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.

Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (2)

  1. Tranparencias PNG en Internet Explorer 6 « Página de Inforlandia dice:

    […] Artículo obtenido de: ElWebMaster. […]

  2. edgardo dice:

    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.

Deja tu opinión