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

Question

如何？ CSS以外的任何建议？

我尝试过JQuery（dropCurves，shadow，shadedborder，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和单个背景图像，内置阴影和圆角。