Javascript 圆角和阴影应用于一个div？

怎么做？除了CSS还有什么建议吗

---

我尝试过JQuery（dropCurves、shadow、shadedborder、corner osv）。

选项的常规数组：

使用应用了圆角和阴影以及一系列div的背景图像来创建圆角

使用CSS3边界半径和框阴影。（在FF3.5+、Safari 4+和Chrome 2+中可靠。无IE支持。）

使用javascript创建一系列增量较小的div（通过楼梯台阶完成的人造圆角），然后添加圆角

按难度顺序排列，CSS3，带背景图像的普通CSS，Javascript技术

---

大多数javascript四舍五入技术都只是到#1的快捷方式（使用CSS应用背景图像）。因此，使用一个添加舍入的方法和另一个添加阴影的方法是行不通的。它们最终会发生冲突，最后运行的插件通常是唯一应用的插件。

在单个div上执行此操作时，许多解决方案的问题是，这两个插件经常会彼此中断。例如，具有圆角应用于图像的div将无法自动放置阴影，因为div的实际边界延伸过圆角。我所看到的唯一可靠工作的选项是完整的CSS3和内置dropshadow和圆角的单一背景图像。

jQuery有什么问题？为什么不使用CSS？顺便说一句，CSS3在浏览器中还没有得到很好的支持（？）。边框半径和框阴影在FF3.5+、Safari 4+和Chrome 2+中工作可靠。Internet Explorer是一项失败的事业。（请注意，您必须使用CSS3属性的浏览器命名空间版本…-moz border radius和-webkit border radius）