Css IE中的背景梯度与滤波

为什么下面的代码在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);

参考：及

IE 9,8不支持渐变。 IE 11,9,8不支持筛选器属性。

---

在EDGE中，需要在“启用CSS过滤器属性”标志下启用它。

在IE中尝试使用渐变颜色，可能会对您有所帮助

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

---

试试下面的例子。添加此属性筛选器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#1e5799'，endColorstr='#7db9e8'，GradientType=0）；/*IE6-9*/我的意思是用

阴影

。。它在chrome和mozilla中运行良好。。但在IE中不起作用。为什么不使用方框阴影？它支持IE11和IE9。

drop shadow

与

box shadow

具有不同的行为。。放置阴影采用图像的形状，而长方体阴影创建类似边框的阴影…好的。drop shadow在IE上不起作用，因为它是IE不支持的过滤器属性。