IE7/IE8 中的 jQuery FadeIn 文本：动画期间的文本别名

Posted 2023-03-06

【中文标题】IE7/IE8 中的 jQuery FadeIn 文本：动画期间的文本别名

【英文标题】：jQuery FadeIn text in IE7/IE8 : text aliased during animation

【发布时间】：2011-03-15 21:50:06

【问题描述】：

我很难在 IE（7 和 8）中很好地使用 jQuery fadeIn() 或 fadeOut() 来处理文本 div，正如您在此示例中看到的那样：http://jsbin.com/etatu3/5（请参见此处的代码：@ 987654322@)

我做了一些研究，似乎是因为滤镜不透明。

我尝试过使用

animate(filter: (opacity = 50),1000);

但当然它没有用。我检查了hasLayout，它是真的。

有没有什么办法可以让淡入淡出动画中的文字不出现锯齿，因为这样的大标题实在是太难看了？

感谢您的回答:)

编辑：为了清楚起见，正如您在我包含的示例中看到的那样，我已经使用了 removeAttribute('filter');这在动画之后完成工作，而不是在期间。

【问题讨论】：

这可能无关紧要，但 jQuery 本身会适应 IE 的需求，因此您可以只使用从 0（不可见）到 1（完全不透明）的小数值的“不透明度”本身。

看我提供的例子，问题是fadeIn() 或fadeOut() ，它们基本上是animate(opacity : 0/1),1000);做一些丑陋的文字动画，因为它在动画过程中失去了cleartype。我想知道是否有解决方案:)

【参考方案1】：

尝试为元素添加白色背景色，它可以改善动画效果，但仍不能使其完美

http://jsbin.com/etatu3/17

【讨论】：

好多了 ;) 谢谢你的技巧，我现在几乎看不出与 FF 的区别。