IE8 中的文本像素化答案

【问题标题】：Text Pixilation in IE8IE8 中的文本像素化
【发布时间】：2011-03-17 04:31:55
【问题描述】：

我在 IE 中遇到一个由 JavaScript 引起的奇怪文本问题。

我尝试在此处粘贴 JavaScript，但格式不正确，因此我将其放在这里：http://pastebin.me/5201856c0083c61e67f40bd19914241f

我在下面添加了一个屏幕截图。有谁知道如何为 IE 解决这个问题？

【问题讨论】：

jQuery fadeIn leaves text not anti-aliased in IE7 的可能重复项——那里的第二个答案看起来不错。
还有stackoverflow.com/questions/457929/…和stackoverflow.com/questions/993354/…
另见这篇博文：kevinleary.net/…
感谢大家的帮助。对不起，重复。我先搜索了一下，没找到。但是，不幸的是，我对 JavaScript 的了解还不够，无法在第二个答案中实施修复。
kevins 博客上的博文中的#1 确实解决了这个问题，但并不能真正作为解决方案，因为它需要背景颜色

标签： jquery html internet-explorer

【解决方案1】：

试试cleartype

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

它会在完全淡入后删除 IE 用来淡入文本的过滤器。

【讨论】：

【解决方案2】：

如果设置背景颜色不是一个选项，我认为解决方案是在动画完成后通过回调函数删除褪色元素的过滤器属性。

在您的代码中，您可以定义一个执行此操作的函数：

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');

我认为应该可以吗？

【讨论】：

这显示了承诺，但给了我一个奇怪的问题。显示的第一张幻灯片（在任何过渡之前）看起来仍然像素化。之后的每张幻灯片看起来都不错，但是它们彼此堆叠在一起，它们会淡出然后重新出现并在添加下一张幻灯片后仍然存在。