真的Ropey文本在Internet Explorer中使用分層文本呈現

我正在爲3D文本和Firefox，Chrome和Safari（以及其他類似的瀏覽器）編寫jQuery插件，我使用CSS3文本陰影屬性進行呈現3D文字。真的Ropey文本在Internet Explorer中使用分層文本呈現

作爲Internet Explorer的故障切換，我正在編寫文本層以獲得相同的效果。

我遇到的問題是，當我將文本放在Internet Explorer中的其他文本上時，它會以相當令人討厭的像素化格式呈現 - 並且在ClearType打開時效果不佳。

有沒有人知道這個問題的任何修復？

我有證明這個問題的例子，此刻的你必須點擊文本上的「Internet Explorer模式」切換（這實際上在其他瀏覽器呈現精品！）

http://www.stevefenton.co.uk/cmsfiles/assets/File/threedee.html

命中Internet Explorer中的「Internet Explorer模式」以查看令人討厭的鋸齒形文本 - 在另一個瀏覽器中執行相同操作，並且沒有問題。

來源

2010-07-29 Fenton

以下是針對具有相同問題的任何人的解決方案。

該插件的一個選項是「不透明」 - 我使用jQuery.css（）添加到元素中。從Internet Explorer代碼路徑中刪除不透明度已完全解決了該問題。我現在可以生活在沒有不透明的現在...

以下是可用於複製問題的示例代碼。

<h1>Click Me To See Jagged Rendering</h1> 
<script type="text/javascript"> 
    $("h1").click(function() { 
     $(this).css({ opacity: 0.5 }); 
    }); 
</script>

來源

2010-07-29 20:38:24 Fenton

真的Ropey文本在Internet Explorer中使用分層文本呈現

回答

相關問題