[jQuery] Rounded and beveled corners

[jQuery] Rounded and beveled corners

The updated version is now here:
http://methvin.com/jquery/jq-corner-demo.html
http://methvin.com/jquery/jq-corner.js
I incorporated Johan's fixes (thanks Johan!) to address the issue with
Safari. Also note that Safari appears to require a background color on
*some* element up the document tree; the demo page now puts a background of
#ccc on the body just to prove that it's working.
Separately, I changed the code so that it will generate fewer elements in
the case where you only need a top or bottom effect.
> Also, could you explain the purpose of this part of the code?
> var t=document.createElement("div");
> var b=document.createElement("div");
> t.style.backgroundColor = b.style.backgroundColor = "transparent";
All the strips are contained in an element (t for top, b for bottom) that
has its background color set to transparent so the background of the adorned
element will show through. The strips are transparent as well except for
their right/left border, which is the color of the parent element.
Let me know if I broke anything.
-----Original Message-----
From: discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On
Behalf Of Johan Bergström
Sent: Thursday, April 06, 2006 9:20 AM
To: jQuery Discussion.
Subject: Re: [jQuery] Rounded and beveled corners