使用jQuery根据浏览器添加css

Question

我正在使用jQuery.css("background", "coolGradient code")。

我要么：

1. 添加多行"background"以涵盖所有浏览器前缀 （我无法弄清楚如何做到这一点）或
2. 检测浏览器并添加正确的背景css代码。

编辑：我尝试过类似下面的内容，但我认为每一条新线都会替换它之前的那条线。

$(".lighter-grad").css({"background": "-webkit-linear-gradient(code)",
"background": "-moz-linear-gradient(code)"})

Answer 1

例如使用IE：

/msie/i.test(window.navigator.userAgent) && $("div").css({"background": "red"});

Answer 2

为什么不使用.addClass（）/。removeClass方法？像这样： https://jsfiddle.net/5gdh7xtc/

代码：

$('.test-div')
    .removeClass('background-original')
    .addClass('background-with-prefixes');

Answer 3

您的代码中存在语法错误...

$(".lighter-grad").css("background", "-webkit-linear-gradient(code)");
$(".lighter-grad").css("background", "-moz-linear-gradient(code)");

这是正确的语法。

让我知道它是否有效。