Question

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

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

是否有任何javascript库在IE中显示文字阴影？或任何其他有助于我的技巧？还是要添加任何额外的CSS属性来解决这个问题？

Answer 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。

IE中的CSS 3文本阴影

1 个答案: