jQuery中的glitchy文本动画

Question

我有文本链接，使用CSS更改hover上的颜色，然后使用jQuery向左移动。

大部分时间它工作正常，但是当文本以大写“A”开头时，它会在文本字符后面留下一个奇怪的痕迹。这发生在webkit broswers（但不是Firefox）中。

You can see it in action with this jsFiddle

有没有办法摆脱这个小故障？

Answer 1

哇，我的第一感觉是对的：在两侧添加一个小填充，它工作正常： http://jsfiddle.net/k3vnd/1/

不确定如何解释它，只是提醒编程背景的bug。我认为这是内部webkit问题。

Answer 2

我不知道为什么会这样做，但在链接周围添加少量填充似乎可以解决问题：

.links {

    position:absolute;
    left:20px;
    margin-top:25px;
    font-size:16.5pt;
    font-family: Garamond, Palatino, sans serif;
    font-style:italic;
    padding: 1px;    /* <=== added this line */

}​

在此处查看：http://jsfiddle.net/jfriend00/LvT2h/