使用jQuery更新多个后台CSS定义

有人能想出一种方法一次更新多个背景定义吗

我已经完成了一些代码，但是我想为一个元素更新很多不同风格的渐变背景

$('ul#tabs li').on('mousemove',function(e){ 
var x= Math.round(((e.pageX - this.offsetLeft)*100)/$(this).width());
x= x-10;
$(this).find(".highLight").css({
    'background': '-webkit-linear-gradient(left, 
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.5)'+x+'%,
        rgba(255,255,255,0) 100%)'
});});

如果您有任何想法，我们将不胜感激。

您可以使用

一个脚本，允许您在任何地方只使用未固定的CSS属性。 它在后台工作，将当前浏览器的前缀添加到任何 CSS代码，仅在需要时使用

允许jQuery的.css（）方法获取和设置不固定的属性（需要插件）

或者，您可以为每个浏览器的渐变语法调用

.css（）

：

var $highLight = $(this).find(".highLight");
$highLight.css('background', '-webkit-linear-gradient( .. )');
$highLight.css('background', '-moz-linear-gradient( .. )');
//include others such as opera, old webkit, microsoft
$highLight.css('background', 'linear-gradient( .. )');

只应用每个浏览器支持的渐变语法。

替代方案有效。（奇怪的是，不能让prefixtree做很多事情。）现在我所有的测试浏览器中都有函数。太棒了，谢谢你！奇怪的是，我只是假设任何新的背景定义都会覆盖以前的版本。事实上，这有点疯狂，它没有。