我刚刚注意到一些奇怪的事情，当创建一个网站的菜单。 Take a look at this Fiddle这说明了这个问题。css：悬停颜色错误
当您悬停在菜单项上时，请注意最后一个字母右侧的小橙点。
这是怎么发生的？
我可以通过降低前景色和背景色之间的对比度来降低“橙色效果”，但它不能解决实际问题。这是一个错误，还是有一个聪明的方法来解决这个问题？
我在Mac btw上使用Chrome。我注意到它不会出现在Firefox中，所以这是一个与浏览器相关的问题。
更新
感谢您的答案和建议如何解决它！我接受了马塞尔的回答，因为这似乎是为什么它正在发生的最正确的答案。我不知道是否是这种情况，但它似乎是一个Webkit问题。如果您注意到任何非webkit浏览器中的错误，请说出来，然后我会更新它。
它似乎是一个subpixel rendering神器。 Adding opacity:.9999;到CSS规则li a似乎解决了这个问题。
这是Calibri字体。如果你改变字体，它应该消失。
更新： 也许它不是字体本身，但更改为不同的字体修复了问题。
你从哪里得到这个解释？我尝试了Impact字体，以确保它仍然存在。注意问题的粗体部分'为什么会发生这种情况？ – 2011-04-29 16:21:47
影响也是一样的。试试Arial或其他。 – Alex 2011-04-29 16:25:14
我尝试过几种字体，并且它们都在其中。此外，更改字体不是解决方案。 – 2011-04-29 16:26:46
如果您将padding-right: 1px;添加到li a中，橙色圆点将消失并保留字体。至于为什么发生这种情况，我能想到的唯一情况是T的两个边缘像素延伸过锚点框的边缘。添加填充有点扩大了方块，但它看起来相当ha。。
如果您将背景色添加到锚，您可以看到T的边缘在背景之外。
它有2个像素高和颜色'＃3a0000'，很奇怪......我以为这只是我的眼睛。我在Windows 7上，并在Chrome10中看到它，但不是FF4。 – 2011-04-29 16:19:33
很确定它与浏览器中的字体平滑/消除锯齿有关，或者某些字体呈现扩展到“框大小”之外，并且不会被“半像素”完全包含在锚中:)看起来像这对我来说可能是一个错误（尽管很小）。你如何发现这超出了我...... – 2011-04-29 16:33:02
当色彩之间有很大的对比时，这是非常明显的。在小提琴中，我用黑色作为悬停颜色来说明问题，但也很容易注意到任何其他颜色。 – 2011-04-29 16:36:35