Fatal编程技术网
  • jquery/
  • jQuery中的Glitchy文本动画

jQuery中的Glitchy文本动画

jquery animation text

jQuery中的Glitchy文本动画,jquery,animation,text,visual-glitch,Jquery,Animation,Text,Visual Glitch,我有一些文本链接，它们通过CSS在悬停时改变颜色，通过jQuery向左移动 大多数情况下，它工作正常，但当文本以大写字母“a”开头时，比如说，它会在文本字符后面留下一条奇怪的轨迹。这种情况发生在WebkitBroswers（但不是Firefox）中 有什么办法可以解决这个问题吗？我不知道它为什么会这样做，但在链接周围添加少量填充似乎可以解决这个问题： .links { position:absolute; left:20px; margin-top:25px;

我有一些文本链接，它们通过CSS在
悬停时改变颜色，通过jQuery向左移动

大多数情况下，它工作正常，但当文本以大写字母“a”开头时，比如说，它会在文本字符后面留下一条奇怪的轨迹。这种情况发生在WebkitBroswers（但不是Firefox）中




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


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

}​



.links{
位置：绝对位置；
左：20px；
边缘顶部：25px；
字号：16.5pt；
字体系列：Garamond，Palatino，无衬线；
字体：斜体；

填充：1px；/*哇，我的第一个感觉是对的：在两侧添加一个小填充，效果很好：



不知道如何解释，只是提醒了编程背景中的bug。我认为这是webkit内部的问题。
只是一个注释无法使动画在IE 9兼容模式下工作。似乎是斜体字导致了我。删除它也删除了工件。在Safari 5中不起作用。仍然有开始行。啊，我仍然有Chrome和SafariOdd中的问题，在我的Chrome中，它与1px一起工作。可能这取决于选择/呈现的确切字体。出于某种原因，它只与2px或更大的填充一起工作；1px不起作用。。。