当我在我的
页面上使用它时,不会出现背景渐变(我现在只担心Safari和Firefox)：
$("#myElement").css({
backgroundImage: "-webkit-gradient(linear,top,bottom,from(black),to(white)",backgroundImage: "-moz-linear-gradient(top,black,white)"
});
我尝试在适当的浏览器中使用其中一个,但在那里没有运气.
我可以在我的代码中为元素使用内联样式属性,但如果有一种方法可以使用jQuery的API,我宁愿不这样做.
以下适用于我.
$("#myElement").css({
background: "-webkit-gradient(linear,left top,left bottom,from(#000000),to(#FFFFFF))"}).css({
background: "-moz-linear-gradient(top,white)"
});
jsFiddle Demo
变化：
>背景而不是backgroundImage
>顶部,底部：左上,左下
>缺少webkit渐变中的右括号
>将黑白变为#000000和#FFFFFF
>添加了第二个.css
在Chrome和FF 6上测试过
