IE中的背景梯度与滤波

Question

为什么以下代码在IE中不起作用？

梯度代码在IE中不工作

background: -webkit-linear-gradient(#0B282F, white);
background: -o-linear-gradient(#0B282F, white);
background: -moz-linear-gradient(#0B282F, white);
background: linear-gradient(#0B282F, white);

过滤器在IE.中不工作

filter: drop-shadow(5px 5px 100px #fff);;
-webkit-filter: drop-shadow(5px 5px 100px #fff);
filter: drop-shadow(5px 5px 100px #fff);
-o-filter: drop-shadow(5px 5px 100px #fff);

Answer 1

参考资料：http://caniuse.com/#search=filter和http://caniuse.com/#search=gradient

IE9，8不支持梯度。IE11，9，8不支持过滤器属性。在边缘，它需要启用在“启用CSS过滤器属性”标志。

Answer 2

在IE中尝试这个渐变颜色可以帮助你

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b282f', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */