IE shows black border around PNG when faded in

fadein, jquery

Solution

Using a PNG-8 worked for me. Their is a slight white border to the image which is in the actual file not a browser issue but in my case this looks fine.

Problem

Here is my site: http://smartpeopletalkfast.co.uk/ppr6/ I have PNGs with transparency fadein with jQuery. IE8 (havnt tested with others yet) is showing black borders around the PNGs while they fade in. I know this is a recognized issue and I've tried a few methods without luck. However, I've noticed that the heart (the last image to load) doesn't have the black borders. Why is this one OK? Hopefully if I figure out why I can use it to fix the others. Thanks UPDATE I'd played around with code so much I hadn't realized I'd unintentionally disabled the fade in of the heart, so thats why no borders. It's a weird issue this one. In all the forums I've looked at their are solutions that seem to work for some people but not for others.

Original source

Related problems