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

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

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

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

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

Источник

2 ответа

Решение

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

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

Источник

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

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

Источник
Другие вопросы по тегам