Question

I’m trying to figure out how the balloons on this site are coded to appear to have transparent edges: http://www.dynamicdrive.com/dynamicindex4/flyimage.htm When I try to use a rounded image it always has solid color corners as it floats around no matter how i try to manipulate the page source and css. I have tried setting the <div> and <img> background colors to transparent, and also tried to use a div rounding-corner script. I have edited the pictures in photoshop so that they have no whitespace (corner) borders around them. Nothing seems to work, and those same balloons on my page look like a balloon on a square white background moving around… Any ideas?

Answer 1

It’s just a simple transparent png

To test, grab their image and give it a shot in your page. Sometimes, images that appear transparent thanks to the checkerboard in the background (from photoshop) actually have some leftover noise that makes them come out fuzzy. But an image appearing with square corners would seem to indicate that the save with transparency wasn’t successful.