7

我有文本链接，它们hover使用 CSS 更改颜色并使用 jQuery 向左移动。

大多数情况下它工作得很好，但是当文本以大写“A”开头时，它会在文本字符后面留下一条奇怪的痕迹。这发生在 webkit 浏览器（但不是 Firefox）中。

您可以使用这个 jsFiddle 看到它的实际效果

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

4

2 回答 2

5

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

不知道怎么解释，只是提醒编程背景的错误。我认为这是内部 webkit 问题。

于 2012-02-13T15:31:28.533 回答
1

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

.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/

于 2012-02-13T15:30:42.283 回答