html - 文本阴影在 ie css 中无法正确显示

Question

我使用以下 css 为我的标题应用了文本阴影。

h1, h2, h3, h4, h5, h6, p, span {

    text-shadow: 1px 1px 1px #999 !important; 


filter: progid:DXImageTransform.Microsoft.dropShadow(color=#999999,offX=1,offY=1);
}

h1{

 filter: Shadow(Color=#cccccc, Direction=130, Strength=1);}

html:

<h1>Contact Us</h1>

它在 Firefox 中看起来不错，但在 ie 8 和 ie 9 中看起来很奇怪。请参考下图。

火狐：

即 8：

如何解决这个问题？

Answer 1

用这个：

h1, h2, h3, h4, h5, h6, p, span {
    text-shadow: 1px 1px 1px #999 !important; 
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#999999,offX=1,offY=1);
    background-color:#FFFFFF;
}

h1{
     filter: Shadow(Color=#cccccc, Direction=130, Strength=1);
}

Answer 2

添加另一个答案。感谢这篇文章http://www.useragentman.com/blog/2011/04/14/css3-text-shadow-can-it-be-done-in-ie-without-javascript/

HTML：

<h1>
<span>Contact Us</span>
</h1>

CSS：

h1, h2, h3, h4, h5, h6, p, span {
    text-shadow: 1px 1px 1px #999 !important; 
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#999999,offX=1,offY=1);
    background-color:#FFFFFF;
}

h1{
    zoom: 1;
    background-color: white;
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=white)
        progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#eeeeee);
    font-size:20px;
}

JSFIDDLE

Answer 3

Try this filter and change the strength and direction as needed.

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=60, Color='#999999');