Perfect rounded content box without jaggies

[dazsly]

Hi im trying to create content boxes with rounded corners but when i save to giff and import into my html you can see the jaggies unless I use a white background, How can I create graphics that have anti-aliasing? is their a free program that could create them?

I use xara x1 and photoshop elements.

I know they are not major packages but I only work for a small company.

By the way I know xara uses AA but that still doesn't make a difference.

 

[Augmented]

You need to make use of an alpha channel, enabling partial transparency. This will give you smooth corners on a transparent background. PNG-24 offers this, but there's one small issue with this and that's that IE versions <=6 don't support the alpha transparency without a bit of extra trickery.

There are several workarounds:
http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp (what the workarounds use).

http://www.alistapart.com/stories/pngopacity/
http://homepage.ntlworld.com/bobosola/
http://koivi.com/ie-png-transparency/
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

 

[probedb]

And some nice code to go along with it

http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/

 

[blade007]

Curvycurners will render them on the fly ....

(have never used it)

curvy corners