使用jQuery填充渐变?

我有一个需要渐变背景的

。 然而,div的大小是可变的,这让我回到了“无法在CSS中做渐变”的土地。

但是,我很确定这在jQuery中是可能的,我似乎无法找到一个体面的例子。 有没有人可以指出我的方式?

谢谢。

如果有人需要这个,如果你认为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+ */ 

虽然这很可能会准确地给你你想要的东西,但似乎有很多潜在的碰撞。 但是要试一试; 如果失败,我建议生成梯度服务器端。

不是Jquery而是一个建议:您可以使用SVG生成渐变: http : //www.w3schools.com/svg/svg_grad_linear.asp

Background Canvas插件可以让你做到这一点甚至更多。

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

为什么不计算渐变大于div并隐藏多余的溢出所以重新调整其余的显示?