Question

我有一个具有此属性的div：

text-shadow:2px 2px 3px #252525;

它在Firefox 5中运行良好，但Internet Explorer 9没有显示它。我认为IE 9应该支持CSS3？

如何在IE中获得类似的结果？

Answer 1

IE9不了解text-shadow属性。您可以使用filter属性（仅限IE）：

text-shadow:2px 2px 3px #252525;

可以替换为

filter: Shadow(Color=#252525, Direction=45, Strength=2);

结果必须类似。

Answer 2

由于这对我来说是一种痛苦，我想我会发布最重要的事情，每当我看到有关文字阴影的事情时就会遗漏..

好吧...... 2件事。

.shadow {
   display: block; /* required for it to work.. */
   text-shadow: 0.1em 0.1em 0.1em gray;
   filter: Shadow(Color=gray, Direction=45, Strength=1);
}

此外，您可以使用以下部分中的下一行强制IE兼容模式：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

我希望IE能与世界其他地方一起参与进来。每次我写东西，IE总是有麻烦。更糟糕的是，它适用于除IE之外的每个浏览器或设备。

可能很酷的其他事情：

http://www.colorzilla.com/gradient-editor/

具有IE兼容性的颜色渐变（选中两个框。）效果很好。

现在，我们所需要的只是一个很好的IE修复曲线角落，一直有效。

享受。

Internet Explorer 9中的文本阴影？

2 个答案: