Jquery 在IE 8中,渐变仅显示为白色到黑色

Jquery 在IE 8中,渐变仅显示为白色到黑色,jquery,internet-explorer,linear-gradients,Jquery,Internet Explorer,Linear Gradients,我对div应用了一个渐变,从浅灰色到稍深灰色,它适用于除IE8之外的所有浏览器。我没有访问css的权限,因此我不得不将这些样式应用于jquery,但它们似乎适用于所有其他浏览器,因此我不确定为什么IE不适用。下面是代码: $(document).ready(function() { //Build your CSS. var gradient1 = { "background": "-moz-linear-gradient(top, #fbfbfb 0%, #f4f4f5 100%)"

我对div应用了一个渐变,从浅灰色到稍深灰色,它适用于除IE8之外的所有浏览器。我没有访问css的权限,因此我不得不将这些样式应用于jquery,但它们似乎适用于所有其他浏览器,因此我不确定为什么IE不适用。下面是代码:

$(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)"
};
var gradient6 = {
    "-ms-filter": "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbfbfb', endColorstr='#f4f4f5')"
};
var blue_background = {
    "background": "#eff5f8"
};


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

$(".gradient_2").css(gradient2);

$(".gradient_3").css(gradient3);

$(".gradient_4").css(gradient4);

$(".gradient_5").css(gradient5);

$(".gradient_6").css(gradient6);


$(".blue").css(blue_background);

});
然后我将所有的类应用到div,梯度1-6。div的html为:

<div class="gradient_1 gradient_2 gradient_3 gradient_4 gradient_5 gradient_6"   
style="width: 690px; zoom: 1; display: block; margin-bottom: 15px; height: 100%;  
padding-top: 15px;">


感谢您在这方面的帮助。

IE8不支持渐变。您必须使用单一颜色或提供背景图像

嗯,这很奇怪,因为它使用该代码显示渐变,只是颜色不正确