jquery - 如何使用 jQuery 的 css 方法将背景图像属性设置为线性渐变？

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 Demo

变化:

• 背景而不是背景图片
• 顶部、底部到:左上、左下
• webkit 渐变中缺少右括号
• 将黑色和白色更改为#000000 和#FFFFFF
• 添加了第二个 .css

在 Chrome 和 FF 6 上测试