使用jQuery进行渐变填充？答案

【问题标题】：Gradient fill using jQuery?使用jQuery进行渐变填充？
【发布时间】：2009-01-26 21:33:52
【问题描述】：

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

但是，我很确定这在 jQuery 中是可能的，但我似乎找不到一个像样的例子。有没有人可以指点我的路？

谢谢。

【问题讨论】：

【解决方案1】：

如果有人需要这个，如果你觉得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+ */

【讨论】：

【解决方案2】：

虽然this 很可能会准确地为您提供您想要的，但似乎有很多潜在的冲突。不过，试一试；如果失败，我建议在服务器端生成梯度。

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

Background Canvas 插件可以让你做这样的事情，甚至更多。

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

【讨论】：