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 它 seems to work as expected .

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