jQuery fadeIn文本不会顺利淡入淡出

Question

与我在这里看到的其他帖子不同，我使用jQuery fadeIn作为变量文本而不是图像。我看到它在一点波涛中褪色，最后一个脉冲变成全彩色。我希望它能逐渐消失。我已将它发布在jsFiddle上：http://jsfiddle.net/9sPFa/

提前感谢您的帮助！

Answer 1

它看起来像一个webkit渲染问题，静态元素和动画中期之间的差异（可能与字体平滑相关）。通过对文本定位webkit应用不透明度（因为它不是firefox上的问题），这个“bug”可以被修复攻击：

-webkit-opacity: .99;

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

Answer 2

对我来说很好..也许尝试将时间间隔从1300增加到2500并检查是否看到相同的结果..

// fade in of 3 phrases
        $("#fade1").fadeIn(2500, function() {
            $("#fade2").fadeIn(2500, function() {
                $("#fade3").fadeIn(2500);
            });
        });​