当前位置：文江博客话题详情

jQuery 中的文本动画出现问题

发布于 2025-01-05 10:09:33 字数 273 浏览 1 评论 0原文

我有一些文本链接，可以使用 CSS 改变 hover 上的颜色，并使用 jQuery 向左移动。

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

您可以通过这个 jsFiddle 看到它的运行情况

有什么方法可以消除这个故障吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夜还是长夜 2025-01-12 10:09:33

哇，我的第一感觉是对的：在侧面添加一个小填充，效果很好：
http://jsfiddle.net/k3vnd/1/

不知道如何解释，只是提醒错误来自编程背景。我认为这是内部 webkit 问题。

回复收藏 0 原文

愁以何悠 2025-01-12 10:09:33

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

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

I don't know why it does that, but putting a small amount of padding around the link seems to solve the issue:

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

}

See it work here: http://jsfiddle.net/jfriend00/LvT2h/

回复收藏 0 原文

~没有更多了~