CSS：文本颜色在Safari/Firefox中稍微偏移

Question

我正在为一个客户端构建的网站出现奇怪的问题。我有一个列表，表的一部分一些链接，并在我的CSS我有以下几点：

a:hover { text-decoration: none; color: #DB6633; }

当鼠标悬停在其中更改链接到橙色。这适用于使用Firefox，Safari，Chrome等我的3台Mac电脑（以及使用相同的Windows PC）。在我的客户浏览器观看然而，当（Safari浏览器Firefox的&在OS X 10.6.4），他们看到这一点：

这：

等。正如你所看到的，橙色与文本没有正确对齐。我以前没见过这个，我不能在我的最后重现它。我也遇到了一些问题，一些图片也稍微有些问题，但我不确定这是否相关。

客户端运行最新版本的Safari & Firefox（和我一样）。他们运行的是OS X 10.6.4，但我在笔记本电脑上使用了它，并且它显示的网站很好。

有没有人看过这个之前，如果是的话，我该如何解决这个问题？

**编辑**

确定一些细节：它发生在比少的Safari Firefox中。我会试着把它放到最少量的代码来重现它，然后我会更新。

我认为这说明它出现在两个Firefox & Safari中 - 它们使用不同的渲染引擎。它可能与系统有关吗？可能的可访问性设置？

Answer 1

问题是由浏览器否定计算精确字形界引起

这个问题的解决方案是单个文本行添加到您的CSS（完成对业绩的缘故。）：

text-rendering:optimizeLegibility; 

这条线可以被添加到需要它的div的CSS，这样就不会对页面的其他部分进行额外的处理。