jQuery fadeIn 文本不能平滑淡入

Question

与我在这里看到的其他帖子不同，我使用 jQuery fadeIn 来处理可变文本而不是图像。我看到它逐渐褪色，最后一个脉冲变成全彩。我希望它能逐渐淡出。我已将其发布在 jsFiddle 上:http://jsfiddle.net/9sPFa/

预先感谢您的帮助!

Answer 1

它看起来像是一个 webkit 渲染问题，静态元素和中间动画之间的差异(可能与字体平滑相关)。这个“bug”可以通过对目标 webkit 的文本应用不透明度来 修复 (因为这在 Firefox 上不是问题):

-webkit-opacity: .99;

你的动画在 chrome/safari 中会很流畅: http://jsfiddle.net/davechiu/9sPFa/3/