Solución definitiva a los PNGs transparentes en Internet Explorer 6
Es de sobra conocido por todos los diseñadores web (o debería serlo) que usar imágenes PNG transparentes en nuestros proyectos HTML provoca trastornos, disgustos e imprecaciones contra Microsoft a la hora de visualizar correctamente dichas imágenes en Internet Explorer 6 y versiones anteriores. También es sabido que existen varias soluciones, workarounds, y chapucillas que con más o menos trabajo consiguen el objetivo de que nuestros PNGs se muestren como deben en el dichoso navegador.
La mejor solución, más cómoda, rápida, y que además valida, es la que comento hoy, de la que podeis encontrar todos los detalles en Google Code: http://code.google.com/p/ie7-js/
Simplemente consiste en insertar el siguiente código entre las etiquetas head, y nombrar las imágenes PNG con el sufijo “-trans.png”
Lo mejor de todo es que no sólo arregla el tema de las imágenes PNG, sino muchos otros defectos del navegador para hacerlo cumplir los estándares.
No obstante, confiemos en que la desaparición de Internet Explorer 6 se consume lo antes posible y no tengamos que preocuparnos más por que nuestras páginas se vean correctamente en navegadores obsoletos.
Por mi parte, recomiendo hacer caso de este dicho de la sabiduría popular: Internet Explorer sólo sirve para bajarse el Firefox
Vía Blog Bazar
Publicado el 28 de February de 2008 en la categoría Diseño.
Comentarios: 3
Comentarios
Comentario de Diego
Fecha: 7 de March de 2008, 7:21 pm
Muy buenas hombre, me alegra un montón esta noticia y ver que Google sigue pujando y comparte un código para que podamos facilitar un poco la dichosa complicación de programar para todos los navegadores. Respecto a lo de descargar Firefox, ya sabes, yo no toco IE salvo casos de vida o muerte 
Un saludo desde Lugo!!!!
Pingback de Pedro Puig » Blog Archive » PNGs transparentes en Internet Explorer 6
Fecha: 1 de August de 2008, 12:15 pm
[...] sabido que Internet Explorer 6 no se lleva muy bien con los PNGs transparentes; leo en JVcreación que existe una forma rápida y cómoda de solucionar este problema, los detalles están en Google [...]
Comentario de avanzaweb
Fecha: 5 de November de 2009, 12:00 am
yo utilizaba algo engorroso. poner una especie de filter en las css para el renderizado correcto de ie6. Aunque parezca increible un clinete me pidió que revisara el diseño para ese navegador la semana pasada.
Escribe un comentario