Tengo enlaces de texto que cambian de color en hover con CSS y mayúsculas a la izquierda con jQuery.Animación de texto Glitchy en jQuery
La mayoría de las veces funciona bien, pero cuando el texto comienza con una "A" mayúscula, por ejemplo, deja un rastro extraño detrás del carácter de texto. Esto sucede en webkit broswers (pero no en Firefox).
You can see it in action with this jsFiddle
¿Hay alguna manera de deshacerse de este problema técnico?
wow, mi primer sentimiento fue correcto: agregue un pequeño relleno a los lados y funciona bien: http://jsfiddle.net/k3vnd/1/
No estoy seguro de cómo explicarlo, solo recuerda errores de fondo de programación. Creo que es un problema interno de webkit.
Por alguna razón, solo funciona con un relleno de 2px o más; 1px no hace el truco ... – bravokiloecho
No sé por qué se hace eso, pero poniendo una pequeña cantidad de relleno alrededor del enlace parece resolver el problema:
.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 */
}
ver cómo funciona aquí: http://jsfiddle.net/jfriend00/LvT2h/
no funciona en Safari 5. Aún tengo la línea de inicio en A – Henesnarfel
Aún veo el artefacto que aparece. – j08691
Sí, todavía tengo el problema en Chrome y Safari – bravokiloecho
Solo una nota no pudo hacer que la animación funcionara en el modo de compatibilidad IE 9. – Henesnarfel
Parece que las cursivas me lo causan. Quitarlo también eliminó los artefactos. – j08691