5 sencillas formas de mostrar imagenes transparentes en IE6

Author: Adrià Cidre  |  Category: Java Script

Cuantas veces te ha pasado que has creado un sitio perfecto en photoshop, o en mi caso fireworks, lo desarrollas perfectamente con pngs y cuando ya lo tienes finalizado y queda perfectamente, compruebas que todo funcione bien en IE6 i plas!!! no te coge las transparencias de los pngs.

Os voy a mostrar 5 modos sencillos de evitar esta problemática de Internet explorer.

Unit PNG Fix

Imagen 2.png

Desventajas: No os va a mostrar correctamente las transparencias que tengáis en imágenes enlazadas desde un background.
Podéis descargarlo desde aqui

DD_BelatedPNG Fix

Imagen 3.png

Desventajas: ninguna aparentemente, probablemente es la mejor solución a este bug de IE6.
Podéis descargarlo desde aqui

IE7.js Fix

7E33E727-9C62-43F5-BDE5-8F3B0060BBD7.jpg

Desventajas: Seguramente observarás que este plugin es más pesado que los anteriores, esto es porqué corregir la transparencia de IE6 es solo una de las cosas que hace, además soluciona algunos otros inconvenientes de nuestro ‘navegador favorito’.
Podéis descargarlo desde aqui

Twin Helix Fix (from Angus Turnbull)

9FC1B43B-63C4-47F4-A856-15525099C1D3.jpg

Desventajas: En lugar de hacer referencia a un archivo JavaScript, esta revisión requiere el uso de la propiedad CSS “behavior”.
Podéis descargarla desde aqui

Lo lo arregles
Si ninguno de estas soluciones os convence siempre podéis hacer una simple condición en javascript.

if ($.browser.msie && $.browser.version == 6.0) {
alert("Por favor actualiza tu navegador!);
}

Puedes ver el artículo original en NETUTS incluyendo un videotutorial.