2012-02-13 32 views
7

Tôi có các liên kết văn bản thay đổi màu trên hover bằng CSS và dịch sang trái với jQuery.Hoạt ảnh văn bản không ổn định trong jQuery

Phần lớn thời gian nó hoạt động tốt, nhưng khi văn bản bắt đầu bằng chữ "A", nói, nó để lại một dấu vết lạ phía sau ký tự văn bản. Điều này xảy ra trong webkit broswers (nhưng không phải Firefox).

You can see it in action with this jsFiddle

Có cách nào để thoát khỏi trục trặc này?

+0

Chỉ cần một ghi chú không thể làm cho animate hoạt động ở chế độ tương thích IE 9. – Henesnarfel

+0

Có vẻ như in nghiêng gây ra nó cho tôi. Loại bỏ nó cũng loại bỏ các hiện vật. – j08691

Trả lời

5

wow, tôi cảm giác đầu tiên là đúng: thêm một miếng đệm nhỏ ở hai bên và nó hoạt động tốt: http://jsfiddle.net/k3vnd/1/

Không chắc chắn làm thế nào để giải thích nó, chỉ cần nhắc lỗi từ nền lập trình. Tôi nghĩ rằng đó là vấn đề nội bộ của webkit.

+0

Vì một số lý do, nó chỉ hoạt động với đệm từ 2px trở lên; 1px không thực hiện thủ thuật ... – bravokiloecho

1

Tôi không biết tại sao nó làm vậy, nhưng việc đưa một lượng nhỏ đệm xung quanh liên kết dường như để giải quyết vấn đề này:

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

}​ 

Xem nó hoạt động ở đây: http://jsfiddle.net/jfriend00/LvT2h/

+0

không hoạt động trong Safari 5. Vẫn có dòng bắt đầu trên A – Henesnarfel

+0

Tôi vẫn thấy hiện vật hiển thị. – j08691

+0

Vâng, tôi vẫn gặp sự cố trong Chrome và Safari – bravokiloecho

Các vấn đề liên quan