用jQuery设置CSS3渐变属性?

时间:2010-08-09 21:42:09

标签: jquery css3

我正在编写一个依赖于CSS3渐变背景属性的插件。我没有遇到这样的问题:


$(this).css({ '-webkit-box-shadow': 'inset 2px 2px 5px #DEDEDE' });

但是,这不起作用:


$(this).css({ 'background': '-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#FFFFFF))' });

我假设.css()使用浏览器支持的任何属性,所以我要么用jQuery设置错误,要么不支持此属性?

1 个答案:

答案 0 :(得分:5)

我怀疑第一个例子是否有效:如果你想设置css属性,你必须使用两个参数,比如$(this).css('background', '-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#FFFFFF))');​​​​​​​

更多关于这个问题:
http://api.jquery.com/css/

修改
你是对的,可以用{name:value}符号设置css属性,它们只是不在函数摘要中告诉它(你必须进一步阅读)。
无论如何,这是带有两个参数的工作示例(来自您帖子的第二个参数):http://jsfiddle.net/BX9Wa/