我剛剛注意到一些奇怪的事情,當創建一個網站的菜單。 Take a look at this Fiddle這說明了這個問題。css:懸停顏色錯誤
當您懸停在菜單項上時,請注意最後一個字母右側的小橙點。
這是怎麼發生的?
我可以通過降低前景色和背景色之間的對比度來降低「橙色效果」,但它不能解決實際問題。這是一個錯誤,還是有一個聰明的方法來解決這個問題?
我在Mac btw上使用Chrome。我注意到它不會出現在Firefox中,所以這是一個與瀏覽器相關的問題。
更新
感謝您的答案和建議如何解決它!我接受了馬塞爾的回答,因爲這似乎是爲什麼它正在發生的最正確的答案。我不知道是否是這種情況,但它似乎是一個Webkit問題。如果您注意到任何非webkit瀏覽器中的錯誤,請說出來,然後我會更新它。
它有2個像素高和顏色'#3a0000',很奇怪......我以爲這只是我的眼睛。我在Windows 7上,並在Chrome10中看到它,但不是FF4。 – 2011-04-29 16:19:33
很確定它與瀏覽器中的字體平滑/消除鋸齒有關,或者某些字體呈現擴展到「框大小」之外,並且不會被「半像素」完全包含在錨中:)看起來像這對我來說可能是一個錯誤(儘管很小)。你如何發現這超出了我...... – 2011-04-29 16:33:02
當色彩之間有很大的對比時,這是非常明顯的。在小提琴中,我用黑色作爲懸停顏色來說明問題,但也很容易注意到任何其他顏色。 – 2011-04-29 16:36:35