internet-explorer-8 - 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它似乎可以按预期工作。

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

Answer 2

使用阴影过滤器在元素上指定宽度为我解决了类似的问题。