文本呈現在IE螺合「梯度」

RGBA - 解決方法是IE「DXImageTransform.Microsoft.gradient」;實測值由www.css3please.com跨瀏覽器透明度提供一個方便的工具，但應用這種梯度在IE瀏覽器（IE8） - 的作品，但文本失去其清晰度/清晰度文本呈現在IE螺合「梯度」

應用georgia使所有瀏覽器的字體看起來均勻，但在我申請的梯度中的文本不正確顯示這裏的的jsfiddle http://jsfiddle.net/mvivekc/GJaDy

代碼是 -

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<meta http-equiv="X-UA-Compatible" content="IE=9" /> 
<html> 
<style type="text/css"> 
.georgiaWithTransform{ 
    font-family: Georgia; 
    height: 80px; 
    width: 800px; 
    font-family: "Georgia", Geneva ; 
    word-wrap:break-word; 
     background-color: rgba(150, 150, 150, 0.3); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ 
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C969696,endColorstr=#4C969696); /* IE6–IE9 */ 
       zoom: 1; 

} 
.georgiaWithoutTransform{ 
    font-family: Georgia; 
    margin-top: 30px; 
    height: 80px; 
    width: 800px; 
    font-family: "Georgia", Geneva ; 
word-wrap:break-word; 
    background-color: rgba(150, 150, 150, 0.3); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ 

} 
</style> 
<body> 
<div class="georgiaWithTransform">Georgia does not appear properly with transformation in IE 8,and i do not understand why this is happening</div> 
<div class="georgiaWithoutTransform">Georgia properly without transformation in IE 8,You can notice the difference in the appearance of the text here as compared to the top part(Noticeable only in IE)</div> 
</body> 
</html>

不明白爲什麼會發生這種情況，並且非常需要解決此問題的解決方法。

下面是關於IE8的問題的屏幕截圖 - enter image description here