梯度只显示在白色到黑色在IE 8

我有一个渐变，我已经应用到一个div，它是一个非常浅灰色到稍暗的灰色，它适用于除IE8以外的每个浏览器。我没有访问的CSS，所以我不得不应用这些样式与jQuery，但他们似乎适用于其他浏览器，所以我不知道为什么它不适用于IE浏览器。这里是代码：梯度只显示在白色到黑色在IE 8

$(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;">

和页面是http://www.brighamandwomens.org/Patients_Visitors/pcs/rehabilitationservices/mock/about.aspx感谢您的任何帮助。

来源

2012-10-11 loriensleafs

渐变不被IE 8支持你必须使用一个单一的颜色或提供一个背景图像

来源

2012-10-11 15:40:44

呵呵，这是奇怪的，因为它显示与该代码梯度，它只是错误的颜色 – loriensleafs

梯度只显示在白色到黑色在IE 8

回答

相关问题