Глючная текстовая анимация в jQuery - PullRequest
Новая
       15

Глючная текстовая анимация в jQuery

7 голосов
/ 13 февраля 2012

У меня есть текстовые ссылки, которые меняют цвет на hover с помощью CSS и смещают влево с помощью jQuery.

В большинстве случаев это работает нормально, но когда текст начинается с заглавной буквы «А», скажемон оставляет странный след за символом текста.Это происходит в веб-браузерах (но не в Firefox).

Вы можете увидеть это в действии с помощью этого jsFiddle

Есть ли способ избавиться от этого глюка?

Ответы [ 2 ]

5 голосов
/ 13 февраля 2012

вау, мое первое чувство было правильным: добавьте небольшую прокладку по бокам, и она будет работать нормально: http://jsfiddle.net/k3vnd/1/

Не уверен, как это объяснить, просто напоминает ошибки из фона программирования. Я думаю, что это внутренняя проблема webkit.

1 голос
/ 13 февраля 2012

Я не знаю, почему это так, но небольшое количество отступов вокруг ссылки, похоже, решает проблему: 

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

...