在IE8中的文本Pixilation

我在我的JavaScript引起的IE瀏覽器中出現一個奇怪的文本問題。在IE8中的文本Pixilation

我想在這裏粘貼的JavaScript，但它不會格式化右所以不是我在這裏把它丟：http://pastebin.me/5201856c0083c61e67f40bd19914241f

我下面提供了一個屏幕抓取。任何人都知道如何解決這個IE瀏覽器？

enter image description here

2011-03-16 Bms85smB

[jQuery fadeIn在IE7中使文本不能反鋸齒]的可能重複（http://stackoverflow.com/questions/778208/jquery-fadein-leaves-text-not-anti-aliased-in-ie7） - 第二個答案看起來不錯。 – 2011-03-16 19:35:51

另外http://stackoverflow.com/questions/457929/jquery-toggle-function-rendering-weird-text-in-ie-losing-cleartype和http://stackoverflow.com/questions/993354/why-does- -jquery-pulsate-effect-leave-jagged-text-behind-ie即 – 2011-03-16 19:37:53

另請參閱本博客文章：http://www.kevinleary.net/jquery-fadein-fadeout-problems-in-internet-explorer/ – 2011-03-16 19:38:14

嘗試的ClearType

http://malsup.com/jquery/cycle/cleartype.html

它消除了過濾器IE使用褪色文本它

來源

2011-03-16 19:36:09 Loktar

如果設置背景顏色是不是一種選擇。完全消失後，我認爲解決方案是通過回調函數在動畫完成後刪除褪色元素的濾鏡屬性。

在代碼中，你可以定義做了這樣的功能：

function fixIEFade() { 
    if ($.browser.msie) { 
     this.style.removeAttribute('filter'); 
    } 
}

然後將其設置爲你的來電animate回調：

//Set the fade in effect for the next image, show class has higher z-index 
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000, fixIEFade); 
//Hide the current image 
current.animate({opacity: 0.0}, 1000, fixIEFade).removeClass('show');

我認爲應該工作？

來源

2011-03-16 20:31:55

這表明承諾，但給我一個奇怪的問題。顯示的第一張幻燈片（在任何轉換之前）仍然看起來像素化。每張幻燈片看起來都不錯，但是它們堆疊在一起，然後淡出，然後再次出現並保持下一張幻燈片添加完畢。 – Bms85smB 2011-03-16 21:51:30

在IE8中的文本Pixilation

回答

相關問題