IE8中jQuery.fadeIn的字体抗锯齿问题？

Question

我在IE8中遇到了一个问题,我正撞在墙上.我在jQuery上使用fadeIn函数使网站内容淡入.这在所有其他浏览器中都能很好地工作,但是当fadeIn在IE8中完成时,字体抗锯齿似乎会改变,导致文本稍微移动.

您可以在http://www.ipulse.biz上看到该网站.我用来导致淡入淡出的代码非常简单,如下所示.

var showContent = function() {

  $('#content div:first').fadeIn(1000);

  $('#navigation').fadeIn(500);

} // end showContent

代码由setInterval函数调用,如果这有任何区别.

Answer 1

如前所述,这是由Internet Explorer中的Cleartype引起的 - 但是有一种解决方法至少可以使这个问题容忍.

$('#navigation').fadeIn(500, function(){
    if ($.browser.msie){this.style.removeAttribute('filter');}
});

这应该强制IE清除透明度,从而正常呈现文本.

不幸的是,它仍然不漂亮.

Answer 2

这是由于Internet Explorer中的ClearType消失引起的,这非常烦人.