PNG Fix Fade for IE8

Question

I use the jQuery Cycle plugin to fade into the animation. This works fine for everyone except PNG files that have translucent pixels in them in IE8. Translucent black pixels during fading.

Things I tried:

• Unit PNG : decided, but messed up the CSS so badly that it even makes it worse.
• jquery.pngFix.js : does nothing.
• Tips from the Malsup : cleartype: false loop (no result) and cleartypeNoBg: true (works except for the attenuation itself).
• Adding BG-color: works, but I would like the background to be transparent. This does not work to add a transparent BG image.
• Attempt X-UA-compatible mode : does nothing.

Any guesses?

JSFiddle here: http://jsfiddle.net/HaEym/

Answer 1

It's not glamorous, but you can replace png with gifs using IE-specific css hacks. Once I had to show PNG (because the gif was LQ, so after the animation, I replaced the gif with png.

For specific examples, see the following Stack Overflow