Pongan esto en la hoja de estilos y listo:
Código javascript
:
Ver original.png {
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
Toda etiqueta con esa clase será procesada. Hoy sólo lo probé con backgrounds, que es precisamente la parte en que falla la mayoría de los scripts, quienes funcionan bien con la etiqueta <img> pero echan el tiro con los fondos CSS.
Otro detalle importante es el eterno problemita (y ese sí parece irremediable) con los enlaces que se desactivan dentro de una capa o elemento con la función activada (en este caso mediante la clase). Mi solución fue crear una capa independiente dentro del contenedor y posicionarla absoluta, dejando lo demás al z-index en caso de sobreponerse al contenido.
Bueno ésto es lo mejor que he conseguido hasta ahora. Lo encontré aquí:
http://www.komodomedia.com/blog/2007...ge-fix-for-ie/
Por supuesto la clase
.png puede ser suplantada por cualquier otra.