jquery animate opacity为1.0，文本突然回到原始状态

Question

我在这里举了一个例子：http://jsfiddle.net/6P6Rq/

我正在使用最新版本的chrome。因此，基本上当文本淡化回完全不透明度时，它会切换回原始文本外观。我尝试使用0.999不透明度而不是1，但它的外观与1处的文本不同。

有什么想法吗？

Answer 1

我认为问题源于chrome如何选择渲染字体不透明度的变化。 FF和IE似乎没有同样的问题，但我注意到突然跳过，因为它在淡入淡出动画结束时填充了字体的宽度。

我尝试使用：

a { opacity: 1; -webkit-transition: 0.5s;  }
a:hover{ opacity: 0.3; -webkit-transition: 0.5s; }

但最后它仍然呈现出同样的“攫取”。那真是太不幸了。

将渐变的速度变得更快一点会使突然的变化看起来不那么突然，但这就是我能够想到的所有东西，因为所有其他方法似乎都会产生相同的最终结果。