IE 中的 CSS 3 文本阴影

【问题标题】：CSS 3 text shadow in IEIE 中的 CSS 3 文本阴影
【发布时间】：2012-03-28 22:00:16
【问题描述】：

我在我的网络应用程序中使用 CSS 3 文本阴影来模拟斜角和浮雕效果。问题是 IE 10 显示非常难看的阴影。我现在还没有在 IE 9 上检查它。但是可以修复吗？这是我正在使用的 CSS ::

text-shadow: 0px 1px 1px #A4A4A4;
filter: dropshadow(color=#A4A4A4, offx=0, offy=-1);

是否有任何 javascript 库可以在 IE 中显示文本阴影？或任何其他对我有帮助的技巧？或者添加任何额外的 CSS 属性来解决这个问题？

【问题讨论】：

你读过这篇fetchak.com/ie-css3吗？

标签： javascript internet-explorer css web

【解决方案1】：

你可以试试其他的阴影滤镜。

.shadow {
    /* For IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

或者使用模拟 CSS3 的行为文件： http://fetchak.com/ie-css3/

更新：抱歉，我看错了，阴影过滤器适用于box-shadow，而不是text-shadow。 Internet Explorer 不支持text-shadow，但您可以使用drop-shadow 和glow 过滤器来模拟，请参阅this tutorial。

【讨论】：