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

IE 9,8不支持渐变。 IE 11,9,8不支持过滤属性。在EDGE中，需要在＆＃34;启用CSS过滤器属性＆＃34;下启用它。标志。

Answer 2

尝试使用IE中的渐变颜色可能会帮助你

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

IE中的背景渐变和过滤器

2 个答案: