Fade in PNG fix for IE8

Question

I am using the jQuery Cycle plugin to fade in an animation. This works fine on everything except for PNG files having half transparent pixels in them in IE8. The half transparent pixels are black during the fade.

Things i tried:

• Unit PNG : Solved it, but messed the CSS up so bad that it even makes it worse.
• jquery.pngFix.js : Doesn't do anything.
• Malsup's cycle tips: cleartype:false (no result) and cleartypeNoBg: true (Works, except for the fading itself).
• Adding BG-color: Works, but i'd like to background to be transparent. It doesn't work to add a transparent BG image.
• Trying X-UA-Compatible mode : Doesn't do anything.

Any guesses?

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

Answer 1

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

For specific examples see another Stack Overflow