圓角和陰影應用於一個div？

Question

怎么樣？ 除了CSS還有什么建議嗎？

我嘗試了JQuery（dropCurves，shadow，shaddborder，corner osv）。

Answer 1

常規選項：

1. 使用同時應用了圓角和陰影以及一系列div的背景圖像來創建圓角。
2. 使用CSS3 border-radius和box-shadow。 （在FF3.5 +，Safari 4+和Chrome 2+中可靠。不支持IE。）
3. 使用javascript創建一系列逐漸減小的div（通過階梯完成仿制舍入），然后添加舍入。

為了給您帶來困難，請使用CSS3，帶有背景圖片的常規CSS，JavaScript技術。

大部分的javascript圓角技巧只是＃1的快捷方式（將背景圖片與CSS結合使用）。 因此，使用添加了舍入的一個和添加陰影的第二個不起作用。 它們最終會發生沖突，並且最后運行的那個通常是唯一應用的一個。

Answer 2

通過在單個div上執行此操作，許多解決方案存在的問題是這兩個插件經常會相互破壞。 例如，已將圓角應用了圖像的div將無法自動陰影化，因為div的實際邊界超出了圓角。 我看到的唯一可靠的選項是完整的CSS3和帶有陰影和內置圓角的單個背景圖像。