Javascript 使用jQuery的渐变填充?

Javascript 使用jQuery的渐变填充?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个需要渐变背景的。然而,div的大小是可变的,这让我回到了“不能在CSS中做渐变”的状态 然而,我很确定这在jQuery中是可能的,我只是找不到一个合适的例子。有人能为我指路吗 谢谢。虽然它很可能会给你想要的东西,但似乎有相当多的潜在冲突。不过,试一试吧;如果失败,我建议在服务器端生成渐变。是否绝对有必要生成渐变,而不是简单地在您喜爱的图形程序中创建渐变?通过简单地平铺一个图形可能更有效地节省资源。不是Jquery,而是一个建议:您可以使用SVG生成渐变:该插件可以让您完成这类事情,甚至更

我有一个需要渐变背景的
。然而,div的大小是可变的,这让我回到了“不能在CSS中做渐变”的状态

然而,我很确定这在jQuery中是可能的,我只是找不到一个合适的例子。有人能为我指路吗


谢谢。

虽然它很可能会给你想要的东西,但似乎有相当多的潜在冲突。不过,试一试吧;如果失败,我建议在服务器端生成渐变。

是否绝对有必要生成渐变,而不是简单地在您喜爱的图形程序中创建渐变?通过简单地平铺一个图形可能更有效地节省资源。

不是Jquery,而是一个建议:您可以使用SVG生成渐变:

该插件可以让您完成这类事情,甚至更多

如果有人需要这个,如果你认为jQuery插件太重,你可以使用这个

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A622', endColorstr='#00B726'); /* for IE */

background: -webkit-gradient(linear, left top, left bottom, from(#00A622), to(#00B726)); /* for webkit browsers */

background: -moz-linear-gradient(top,  #00A622, #00B726); /* for firefox 3.6+ */

为什么不计算梯度,使其大于div,并隐藏溢出中的多余部分,以便调整其余部分的大小