jquery - 渐变在jQuery中不起作用

Question

这是代码：

$('#pocetak h1.rastavljac').css({
    'background':'#3578ff;',
    'background':'-moz-linear-gradient(left,  #3578ff 0%, #7AA6ff 15%, #7AA6ff 85%, #3578ff 100%)',
    'background':'-webkit-gradient(linear, left top, right top, color-stop(0%,#3578ff), color-stop(15%,#7AA6ff), color-stop(85%,#7AA6ff), color-stop(100%,#3578ff))',
    'background':'-webkit-linear-gradient(left,  #3578ff 0%,#7AA6ff 15%,#7AA6ff 85%,#3578ff 100%)',
    'background':'-o-linear-gradient(left,  #3578ff 0%,#7AA6ff 15%,#7AA6ff 85%,#3578ff 100%)',
    'background':'-ms-linear-gradient(left,  #3578ff 0%,#7AA6ff 15%,#7AA6ff 85%,#3578ff 100%)',
    'background':'linear-gradient(to right,  #3578ff 0%,#7AA6ff 15%,#7AA6ff 85%,#3578ff 100%)',
    'filter':'progid:DXImageTransform.Microsoft.gradient( startColorstr="#3578ff", endColorstr="#3578ff",GradientType=1 )',
    'color':'#FFFFFF','transition':'all 600ms ease 0s'});

现在，所有这些在桌面浏览器上都可以正常工作，但在 android 浏览器和 IOS 浏览器上，颜色不会改变。然而，经过一番摆弄后，我发现如果我把 web-kit 属性放在最后，它在移动平台上可以正常工作，但是它在桌面上的 Firefox 中不起作用:(。有什么想法吗？