jQuery Cyce transparent PNGs IE8 - fade doesn't work
I'm doing a project with a front page slide show that uses transparent pngs. I'm using jQuery Cycle. In IE8 the transparent background shows up as a light yellow, the background color of the parent div. I've tried a bunch of tricks and done research that indicates Microsoft just didn't implement the fade filter correctly in IE8. See the link at the bottom of this post.
One thing I tried was setting each PNG in an IMG tag to "background:transparent" individually. That worked for each slide, but then during the fade transition, some of the elements in the PNG turned dark gray until the transition was over. I also set "cleartypeNoBg: true" in my jQuery Cycle library. It also fixed the problem, and the result was the same: certain elements in the PNG flashing dark gray during transitions. (To be clear, I tried both these fixes individually, not in combination. They both produced the same result.)
Does anyone have any advice on how I can make jQuery Cycle do fades on transparent PNGs in IE8j, without causing the elements of the PNG to flicker dark gray? Thanks.
--Marshall
Microsoft's explanation:
http://blogs.msdn.com/b/ie/archive/2005/04/26/412263.aspx