文本陰影在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，請參考下面的圖像看起來很奇怪。

火狐：

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