jQuery 角+渐变答案

【问题标题】：jQuery Corner+GradientjQuery 角+渐变
【发布时间】：2009-11-27 07:27:45
【问题描述】：

我有一个 div 元素.box 它的宽度是200px，高度是300px

首先我想让它的角变圆。我这样做： $('.box').corner('round 10px');

然后我想给它添加渐变。所以它会有圆角+渐变。我尝试以下：

$('.box').gradient({ topcolor: '#000000', bottomcolor: '#ffffff', horizontal: false, opacity: 40});

我得到了我想要的，但渐变适用于所有框，并且渐变越过圆角。

我尝试先做渐变，然后是角落，但还是一样。

如何在 .box 中添加渐变 + 角并使其看起来不错？

【问题讨论】：

【解决方案1】：

也许您可以节省一些时间并使用 CSS 3？

【讨论】：

【解决方案2】：

对于渐变，您还可以使用 css3，如下面的代码生成器所述

【讨论】：