Internet explorer IE8不显示背景渐变

Internet explorer IE8不显示背景渐变,internet-explorer,background,internet-explorer-8,gradient,Internet Explorer,Background,Internet Explorer 8,Gradient,我们与此站点的向后兼容性有问题: 菜单栏(nav)使用css生成器应用背景渐变。我们已经在很多网站上使用过,没有问题。然而,在IE8上,菜单栏的背景被渲染为白色。在IE8中使用开发人员工具时,过滤器显示为应用于nav,但不显示 以下是应用于nav的样式表部分: nav{ 背景:#002157;/*旧浏览器*/ /*IE9 SVG,需要将“过滤器”条件重写为“无”*/ 背景:url(数据:数据:数据:图像/svg+xml;基本64,基本64,PD94BBWWWWWWBWWWWWWWWWWWWWWW

我们与此站点的向后兼容性有问题:

菜单栏(nav)使用css生成器应用背景渐变。我们已经在很多网站上使用过,没有问题。然而,在IE8上,菜单栏的背景被渲染为白色。在IE8中使用开发人员工具时,过滤器显示为应用于nav,但不显示

以下是应用于nav的样式表部分:

nav{
背景:#002157;/*旧浏览器*/
/*IE9 SVG,需要将“过滤器”条件重写为“无”*/
背景:url(数据:数据:数据:图像/svg+xml;基本64,基本64,PD94BBWWWWWWBWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWBBWWWWWBWWWWWWWWBWWWWWWWWWWWWWWVVVVVVVVvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMjE1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CIAGICA8C3RVCCBVZMZZZZZZZQ9IJEWMCUIHN0B3BHY2L0ET0IMPGOGIDWGLUZYR3JHLLBNQ+CIGPHJGLY3QGED0IMCIGE0IMCIGD2LKDK9IJK9IJJJKZZZK9IJJJJJZZZZZK9IJJJJJJZZL9IJJJJJJZZZZZZL9IJJJJJJJJZZZZZZZZL9M+的UIJJJJJJJJJJJJJJJJJJJJJJJJ;
背景:-moz线性梯度(顶部,#0021570%,#2d95e5 100%);/*FF3.6+*/
背景:-webkit渐变(线性、左上、左下、色挡(0%,#002157)、色挡(100%,#2d95e5));/*铬、Safari4+*/
背景:-webkit线性梯度(顶部,#0021570%,#2d95e5 100%);/*Chrome10+,Safari5.1+*/
背景:-o型线性梯度(顶部,#0021570%,#2d95e5 100%);/*Opera 11.10+*/
背景:-ms线性梯度(顶部,#0021570%,#2d95e5 100%);/*IE10+*/
背景:线性梯度(至底部,#0021570%,#2d95e5 100%);/*W3C*/
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#002157',endColorstr='#2d95e5',GradientType=0);/*IE6-8*/
高度:47px;
盒影:0 2px4p0 rgba(0,0,0,0.25);
}
FWIW在所有Mac浏览器和IE9及更高版本上看起来都不错


谢谢您的建议。

您可以尝试将GradientType设置为1。下面是另一个类似的设置

我尝试过,但不幸的是没有任何区别。