使用jQuery淡入淡出的字體反鋸齒

當鼠標懸停在不同的div上時，現在有多個fadeIn（）和fadeOut（）事件發生。在淡入div中的文本看起來非常像素化，直到fadeIn事件結束之後，它纔會「彈出」成爲更流暢的文本。使用jQuery淡入淡出的字體反鋸齒

我不知道是否有可能告訴div在實際淡入之前平滑字體，還是隻能通過使div成爲圖像來實現這種效果？

我沒有看到任何「像素化」。 http://jsfiddle.net/g2k8E/。你使用什麼瀏覽器和屏幕分辨率？ – Ivan 2012-07-10 17:55:50

添加了一點暫停：http://jsfiddle.net/g2k8E/1/ Safari/Mac似乎使用「更便宜」，更薄的看反鋸齒動畫。 – biziclop 2012-07-10 19:54:54

也許是因爲即時通訊使用2D變換？在我的網站http://www.daemondeveloper.com上查看它的當你將鼠標懸停在維恩圖表上時淡入的div – 2012-07-12 20:47:44

過去，這是一個更廣泛的問題的維恩圖懸停，但它仍然是與IE瀏覽器的問題。有幾件事你可以做，以解決這個問題。首先，確保你的衰落元素有背景。

更大的問題是IE如何通過不透明度過濾器呈現文本呈現。除了明顯的抗鋸齒外，字形形狀實際上也可以發生相當大的變化。一個解決方案是預先將IE的不透明度過濾器應用於99％的元素。這實質上是不透明的，但它確保了元素在你的jQuery效果中一致的呈現。

建立在伊萬的的jsfiddle，這個證明的背景上的衰落文本（在IE8測試）的影響：http://jsfiddle.net/joemaller/WLjXW/

的關鍵是這樣的CSS規則：

#sometext { 
    background: #fff; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; 
    filter: alpha(opacity=99); 
}

2012-07-10 19:54:40 joemaller

回答