4

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/

mat
  • 1,619
  • 1
  • 15
  • 25

1 Answers1

2

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

Community
  • 1
  • 1
Shanimal
  • 11,517
  • 7
  • 63
  • 76
  • But a gif replacement doesn't show half transparent pixels and that's what i need in this case. Thanks for the link though. – mat Jun 08 '12 at 07:26
  • Fully transparent pixels can do the trick for short animations. At some point we have to question fully supporting these older browsers. fwiw you could use Adobe Flash for the animation. Png is fully supported in flash. – Shanimal Jun 09 '12 at 04:08
  • I appreciate your support, but I am guessing it's simply not possible.. If i however find a solution i'll let you know. For now i'll just remove the fades in Iexplorer. – mat Jun 14 '12 at 10:47