使用jQuery进行渐变填充？

Question

我有一个需要渐变背景的<div>。然而，div的大小是可变的，这使我回到了“不能在CSS中做梯度”的土地。

但是，我敢肯定，这是可能的jQuery，我似乎无法找到一个体面的例子。有没有人有他们可以指点我的方式？

谢谢。

Answer 1

虽然this很可能会给你正是你想要的，但似乎有很多潜在的碰撞。不过，尽管如此，如果失败，我建议生成渐变服务器端。

Answer 2

生成渐变而不是简单地在您最喜欢的图形程序中创建一个梯度是绝对必要的吗？通过简单地平铺图形可以更有效地节省资源。

Answer 3

不是jQuery的，但一个建议：你可以生成SVG的梯度：http://www.w3schools.com/svg/svg_grad_linear.asp

Answer 4

的Background Canvas插件可以让你做那种事多。

Answer 5

的情况下，有人需要这个，如果你认为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+ */ 

Answer 6

为什么不计算gradiant到比格大和隐藏过剩溢出等调整其余显示？