渐变不在IE 10/11中工作

时间:2013-12-30 16:18:08

标签: css internet-explorer-10 gradient internet-explorer-11

这里是我的CSS,可以在任何浏览器中使用渐变,包括IE版本9(IE9):

.wrapper { 
    background:-moz-linear-gradient(top , #0f1925, #000) repeat scroll 0 0 transparent;                                      
    background:-o-linear-gradient(top , #0f1925, #000) repeat scroll 0 0 transparent; 
    background:-webkit-linear-gradient(top , #0f1925, #000) repeat scroll 0 0 transparent; 
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0f1925', endColorStr='#000', GradientType=0); 
}

虽然它不适用于IE 10/11。

有什么想法吗?

提前致谢

2 个答案:

答案 0 :(得分:5)

Internet Explorer 10+使用standard syntax

background-image: linear-gradient(to top, #000, #FFF);

答案 1 :(得分:1)

标准模式下IE 10+的DX过滤器不再是supported。使用linear-gradient