使用jQuery实现渐变填充？

Question

我有一个需要渐变背景的<div>。然而，这个div的大小是可变的，这使我回到了“无法在CSS中使用渐变”的领域。

然而，我相信这在jQuery中是可能实现的，只是我似乎找不到一个好的例子。有人可以给我指一条路吗？

谢谢。

- Electrons_Ahoy

Answer 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+ */

- Babak Bandpay

Answer 2

虽然这个插件很可能会给你想要的效果，但是可能会有一些潜在的冲突。不过可以试试看，如果失败了，建议在服务器端生成渐变。

- Hexagon Theory

Answer 3

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

- Pierre

Answer 4

Background Canvas 插件让你可以做那种事情和更多。

- Andy

Answer 5

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

- lukas56z

Answer 6

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

- Plan B