7

hoverCSS で色が変わり、jQuery で左にシフトするテキスト リンクがあります。

ほとんどの場合は問題なく動作しますが、たとえば、テキストが大文字の「A」で始まる場合、テキスト文字の後ろに奇妙な跡が残ります。これは Webkit ブラウザで発生します (Firefox では発生しません)。

このjsFiddleで実際に動作しているのを見ることができます

このグリッチを取り除く方法はありますか?

4

2 に答える 2

5

うわー、私の最初の感覚は正しかった: 側面に小さなパディングを追加すると、うまく動作します: http://jsfiddle.net/k3vnd/1/

説明の仕方がわかりませんが、プログラミングの背景からのバグを思い起こさせるだけです。内部Webkitの問題だと思います。

于 2012-02-13T15:31:28.533 に答える
1

なぜそうなるのかはわかりませんが、リンクの周りに少量のパディングを配置すると、問題が解決するようです:

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

于 2012-02-13T15:30:42.283 に答える