Como ya hemos comentado y visto demasiadas veces, las imágenes en formato .PNG con transparencia no muestran correctamente en IE6 y anteriores versiones de Internet Explorer. Se muestran con un fondo que se ha ganado a pulso el nombre de "color antitransparente", que por supuesto es opaco y feo.
Aunque existen variadas maneras de solucionar esto mediante javascript, hoy he visto la más sencilla de todas en CSS Tricks: implementar un archivo javascript en nuestra cabecera ¡y listo! La magia sucede. Obtenemos PNG's perfectamente transparentes que ni siquiera IE puede destrozar. Este formato ofrece una calidad excepcional y ni imagináis cuántas veces he masacrado iconos, con el corazón encogido, transformándolos en GIF's para mantener la transparencia. ¡Nunca más!
Veamos un par de capturas; la primera, corresponde al triste aspecto de mi blog en IE6, antes de aplicar el código:
Asqueroso, ¿verdad? En el post anterior comentaba que habia decidido aplicar un hack para que el difuminado del blog (conseguido con un .png semitransparente) no se mostrara en IE dados los terribles resultados. Ahora ya no hará falta MUAHAHAJAJA.
Esta otra es una captura del mismo navegador 5 minutos después, tras instalar el código (tengo IE6 en el trabajo, aunque lo uso nada; por cierto que las horas laborales son geniales para publicar posts y trastear en la plantilla):
¡AAAAHHH! I CAN'T BARELY BELIEVE IT!, que dirían algunos...
La hoja de filodendro la obtuve de Komodo Media, y se puede desplazar por la pantalla, siguiendo las instrucciones de Vagabundia en este post sobre elementos arrastrables con Scriptaculous.
Y bueno, vamos a ello... ¡Son 3 minutos!
Ahora, respira tranquilo: ¡tus PNG's están a salvo de IE6! ¡¿NO ES UN ALIVIO?!
Esta tarde he estado probando esto y soluciona esos problemas, de hecho lo puse en mi plantilla pero mi blog en IE6 sigue dandome por.... grrrrrr, ahora con JqUERY, no lo carga...por cierto me he bajado IE tester, un programa que te permite ver las paginas desde IE 5.5 hasta IE8 muy interesante para testear....
Vane, ¡funciona perfecto!
XD Es que no lo puedo creer XD!!!
Hay tantos miles de scripts y es el primero que funciona. Creo que lloraré.
Añadido a ver que tal funciona. Gracias.
Fernandooo, me pasó exactamente lo mismo... miraba los scripts y no sabía por donde cogerlos. Nunca conseguí ver funcionar ninguno... hasta ahora. ¡Fácil fácil, y maravilloso! Sí que dan ganas de llorar de alegría :D
Pizcos, nokeado, cualquier cosa extraña, comentadla, porque hace lo que debe con los PNG´s pero no sabemos si interfiere con algo más. Yo vi alguna cosa rara que no sé bien a qué achacar, ya que también mi blog tiene muchos problemas en IE6.
Buscaba algo así y me mandó Jmiur a esta entrada voy a probar aunque pienso que con el 7 dirá que nones.
Gema, pienso que IE7 ya no tiene el problema de las transparencias, y con el IE6 funciona súper (increíblemente, ya habia perdido toda esperanza).
Es ponerlo y olvidarse, ya sabes, como el DIU :D
jajajajaja eres la monda ;)
Hola Vanessa !
Tengo una duda... en el caso de varias imagenes con transparencias, abria que alojar varios archivos por imagen ?
Por ejemplo con el nombre de: unitpngfitx1.js, unitpngfix2,js, etc
donde cada archivo contiene la URL de la imagen ?
Slds,
Sergio, NO! NO! NO! solo se añade el sript y catapúm chispún. La magia se hace sola :D