I have been checking a lot of topics on this situation and still haven't found a solution to this problem. Is it even possible?
I have a website (http://dev.ultimate-web.dk) which uses the cycle plug-in (http://malsup.com/jquery/cycle/) to fade the top cases. As you see on the first image when the fading occurs, it gets a black border to fill out the semi-transparent pixels in IE7-8.
Why is that, and how can I fix – if I even can fix? It works it all other major browsers.
Thanks!
Best Answer
This has frustrated many a developer from time to time. Unfortunately, the going solution seems to be to put the element in a container that has an opaque background and fade that container.
See jquery cycle IE7 transparent png problem a few good answers. I found a great page on this on the internet about 3 months ago but I'm struggling to find it now. I'll keep looking though.
From Microsoft: