IE 8的錯誤？陰影與漸變背景，文本變成灰色

Question

這是http://jsfiddle.net/Eu5by/11/和一個例子http://jsfiddle.net/Eu5by/12/

（更新：實際上，它並不需要一個鏈接：看http://jsfiddle.net/Eu5by/14/，它是文本）

代碼基本上是：

<div id="main-box">  
    <a id="box" href="http://www.google.com"> 
     hello world 
    </a>  
</div> 

與CSS

#main-box { 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd') 
} 

#box { 
    display: block; width: 300px; height: 60px; line-height: 60px; text-align: center; background: #ffc; color: #ff7000; 

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f9ff', endColorstr='#e8f3ff',GradientType=0) 
} 

在IE 8上文本將顯示爲灰色。第一個jsfiddle鏈接使用filter，而第二個使用-ms-filter有沒有辦法解決這個問題？

（我試圖在IE 8的虛擬機上，如果是我的IE 9，然後它工作正常。）

在IE 8，如果有一個下拉陰影或梯度被刪除，該鏈接將再次具有正確的顏色。

Answer 1

有一個bug documented on QuirksMode。

嘗試將變焦倍率設定到100％以外的任何東西;）