JavaScript Rounded Corners With Transparent Background

I'm looking for a JavaScript library that can create round corners on div tags with a transparent background, such that the background colour/image of the parent element is visible

Solution 1:

JQuery Corner?

Solution 2:

I tried 2 different JQuery corner-rounding plugins. This one didn't work in either FF or IE and this one only worked in FF.

However, I found a non-JQuery library that worked perfectly in both, DD_roundies.

Solution 3:

It's got a lot of limitations... but the Transparent Background Corners plugin might work in your scenario.

If you can, however, I'd suggest actually doing all the rounding server-side with CSS. It's all just divs within divs, with different padding for the corner divs. It gets rid of the huge performance hit that Safari and IE will take if you have lots of rounding to do, and allows you to have the page still look stylish for your users who don't/can't enable javascript.