文本阴影无法在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中看起来很好但在8和9中看起来很奇怪。请参考下面的图像。

火狐：

IE 8：

如何解决这个问题？

Answer 1

尝试使用此过滤器并根据需要更改强度和方向。

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

Answer 2

使用此：

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 3

添加另一个答案。感谢此帖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