使用過濾器後的鋸齒狀字體渲染：IE中的FlipH只有

Question

我在渲染文字的反面，下面的代碼就像一個冠軍。問題是IE瀏覽器，這些字體都以非常鋸齒狀的邊緣呈現。任何人都有關於如何在IE中正確呈現的建議​​？

.flipText { 
display: block; 
-moz-transform: scaleX(-1); /* Gecko */ 
    -o-transform: scaleX(-1); /* Opera */ 
    -webkit-transform: scaleX(-1); /* webkit */ 
    transform: scaleX(-1); /* standard */ 
    filter: FlipH; /* IE 6/7/8 */ 
-ms-filter: "FlipH"; 
} 

Answer 1

通過添加背景色包含實際文本的元素，我能夠「掩蓋」在IE中呈現的效果。 （）..

Answer 2

你可以把它好看在IE9（或更高版本）加入-ms-transform: scaleX(-1);和限制過濾器IE8和更低（用條件註釋，例如）：

http://jsfiddle.net/thirtydot/ATsbe/3/

由於據我所知，沒有辦法讓文本在IE8以及更低版本中看起來不錯。