如何使用jQuery的css方法将background-image属性设置为线性渐变？

Question

当我在我的页面上使用它时,不会出现背景渐变(我现在只担心Safari和Firefox):

$("#myElement").css({
    backgroundImage: "-webkit-gradient(linear, top, bottom, from(black), to(white)",
    backgroundImage: "-moz-linear-gradient(top, black, white)"
});

我尝试在适当的浏览器中使用其中一个,但在那里没有运气.

我可以在我的代码中为元素使用内联样式属性,但如果有一种方法可以使用jQuery的API,我宁愿不这样做.

Answer 1

以下适用于我.

$("#myElement").css({
    background: "-webkit-gradient(linear, left top, left bottom, from(#000000), to(#FFFFFF))"}).css({
    background: "-moz-linear-gradient(top, black, white)"
});

jsFiddle演示

变化:

• 背景而不是backgroundImage
• 顶部,底部:左上,左下
• 缺少webkit渐变中的右括号
• 将黑白变为#000000和#FFFFFF
• 增加了第二个.css

在Chrome和FF 6上测试过