jQuery FadeTo在字体重量为粗体时导致IE8中出现像素化文本

我渐渐淡出，在一个房间里：

$('.formErrors').fadeTo('fast', 0); 
$('.formErrors').fadeTo('slow', 1);

但当我在IE 8中这样做时，似乎有点CSS：

.formErrors li { font-weight: bold; }

导致文本返回时非常失真：（下图）

我将此应用于的HTML是：

<div class="formErrors">
There are errors in your submission. Please fix the following and try again:
<ul><li>Action is empty</li></ul>
</div>

您提交的内容中有错误。请修复以下问题并重试：
操作为空

---

它在Firefox中运行良好。有什么想法吗？

如果您还没有图像，通常的解决方案是定义背景色：

另一种选择是使用

fadeIn

和

fadeOut

：动画仍然很难看，但至少它的结局很好：

---

这段代码将覆盖特定于IE的JQuery中的一些淡入淡出属性。我在这里成功地让fadeTo在IE中正常工作：

我知道这个线程非常旧，但我找到了一个简单的解决方案。使用背景不适用于我的案例，因为我在文本后面有一个复杂的背景，背景必须是透明的。无论如何，我发现这一个工作得很好（添加css代码）：

---

使用IE8修复了我的这个问题。在淡入淡出过程中，文本看起来仍然很块状，但之后会变得平滑

谢谢Kobi！背景色解决方案效果良好。使用fadeIn和fadeOut，动画比使用2个fadeTo更难看，所以我会坚持使用它们。谢谢你的帮助+1帮助我解决了IE8上的

PNG

有难看的不透明bg的问题。谢谢+1再次使用此解决方案。在我的文本div上设置背景修复了这个问题！也在为最后期限而紧张！但愿我能再多加一点！：）

.formErrors {background-color:white;}

jQuery.fn.fadeIn = function(speed, callback) { 
return this.animate({opacity: 'show'}, speed, function() { 
    if (jQuery.browser.msie)  
        this.style.removeAttribute('filter');  
    if (jQuery.isFunction(callback)) 
        callback();  
});
};
jQuery.fn.fadeOut = function(speed, callback) { 
return this.animate({opacity: 'hide'}, speed, function() { 
    if (jQuery.browser.msie)  
        this.style.removeAttribute('filter');  
    if (jQuery.isFunction(callback)) 
        callback();  
});
};
jQuery.fn.fadeTo = function(speed,to,callback) { 
return this.animate({opacity: to}, speed, function() { 
    if (to == 1 && jQuery.browser.msie)  
        this.style.removeAttribute('filter');  
    if (jQuery.isFunction(callback)) 
        callback();  
});
};

.formErrors{position:relative;}