javascript - 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 清除透明度，从而正常呈现文本。

不幸的是，它仍然不够漂亮。