ie8的快速阴影css问题无法正常工作

Question

只是一个简单的问题，这个css代码在ie8中不适用于投影，任何想法为什么它都不起作用？

/* Drop shadow */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-o-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);

Answer 1

我不确定这是否是IE8错误，但如果您添加background-color seems to work as expected。

在Chrome中，删除background-color会留下投影，但在IE8中，文本会继承投影并且看起来很糟糕。如果你有一个坚实的背景，你可以匹配你想要投影的元素的背景。不幸的是，transparent导致IE8中出现同样的问题。

Answer 2

使用阴影滤镜指定元素的宽度为我修复了类似的问题。