CSS：Safari / Firefox中的文本颜色略有偏移

Question

我正在为一个客户建立的网站遇到一个奇怪的问题。我在列表中有一些链接作为表的一部分，在我的CSS中我有以下内容：

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

当鼠标悬停在橙色上时，会将链接更改为橙色。这可以在我的3台Mac上使用Firefox，Safari，Chrome等（以及我使用相同的Windows PC）。但是，当在我的客户端浏览器（OS X 10.6.4上的Safari和Firefox）上查看时，他们会看到：

和此：

等。如您所见，橙色不能正确排列文本。我以前没有见过这个，我不能在我的最后重现它。我也遇到了一些问题，一些图像也略有偏差，但我不确定这是否相关。

客户端正在运行最新版本的Safari＆amp; Firefox（就像我一样）。他们正在运行OS X 10.6.4，但我在我的一台笔记本电脑上运行它，它显示网站正常。

以前是否有人见过这个，如果有，我该如何解决？

**编辑**

确定一些更详细的信息：它在Firefox中的发生率低于Safari。我将尝试将其减少到最少量的代码来重现它，然后我也会更新它。

我认为这说明它出现在Firefox＆amp; Safari - 使用不同的渲染引擎。它可能与系统有关吗？可能的辅助功能设置？

Answer 1

问题是由于浏览器否定计算精确的字形边界（为了提高性能而完成）。

此问题的解决方案是在CSS中添加一行文字：

text-rendering:optimizeLegibility;

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