使用jQuery填充渐变?

时间:2009-01-26 21:33:52

标签: javascript jquery html css

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

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

感谢。

6 个答案:

答案 0 :(得分: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+ */

答案 1 :(得分:2)

尽管this很可能会准确地为您提供所需内容,但似乎存在相当多的潜在冲突。但是要试一试;如果失败,我建议生成梯度服务器端。

答案 2 :(得分:2)

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

答案 3 :(得分:1)

Background Canvas插件可让您完成此类操作。

答案 4 :(得分:0)

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

答案 5 :(得分:0)

为什么不计算梯度大于div并将溢出量隐藏在溢出中以便大小调整其余部分?