当font-weight:bold时,jQuery FadeTo在IE8中导致像素化文本

Question

我正逐渐淡出,在一个div中:

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

但是当我在IE 8中执行此操作时,似乎有点CSS:

.formErrors li { font-weight: bold; }

导致文本回复相当扭曲:(图片如下)

http://www.newmania.com/images/error.jpg

我申请的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中运行良好.有什么想法吗？

Answer 1

如果您还没有图像,常见的解决方案是定义背景颜色:http:
//jsbin.com/axapa

.formErrors {background-color:white;}

另一个选择是使用fadeIn和fadeOut:动画直到丑陋,但至少它最终很好:http://jsbin.com/aboxa