jquery - jquery css、css グラデーション

Question

jquery css機能を使用してcssグラデーションを特定のdivに適用しようとしていますが、うまく機能していないようです。スタイル シートにアクセスできず、クロス ブラウザーの問題を緩和するために何度かスタイル シートを適用しようとしているため、問題が発生しています。これが機能しない理由がよくわかりません。

$(document).ready(function() {
//Build your CSS.
var gradient1 = {
    "background":     "-moz-linear-gradient(top,  #fbfbfb 0%, #f4f4f5 100%)"
};
var gradient2 = {
    "background":     "-webkit-linear-gradient(top,  #fbfbfb 0%,#f4f4f5 100%)"
};
var gradient3 = {
    "background":     "-o-linear-gradient(top,  #fbfbfb 0%,#f4f4f5 100%)"
};
var gradient4 = {
    "background":      "-ms-linear-gradient(top,  #fbfbfb 0%,#f4f4f5 100%); /* IE10+ */ background: linear- 
gradient(to bottom,  #fbfbfb 0%,#f4f4f5 100%)"
};
var gradient5 = {
    "filter":     " progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbfbfb, endColorstr=# f4f4f5)"
};

//Apply your CSS to the body tag.  You can enter any tag here, as
//well as ID's and Classes.
$("#service_DESCRIPTION").css(gradient1);
$("#service_FAQ").css(gradient1);

$("#service_DESCRIPTION").css(gradient2);
$("#service_FAQ").css(gradient2);

$("#service_DESCRIPTION").css(gradient3);
$("#service_FAQ").css(gradient3);

$("#service_DESCRIPTION").css(gradient4);
$("#service_FAQ").css(gradient4);

$("#service_DESCRIPTION").css(gradient5);
$("#service_FAQ").css(gradient5);

});

Answer 1

との間にgradient4スペースがlinear-ありgradientます。