【发布时间】：2011-06-22 12:54:44
【问题描述】：
我为客户建立的网站遇到了一个奇怪的问题。我在列表中有一些链接作为表格的一部分，在我的 CSS 中我有以下内容：
a:hover {
text-decoration: none;
color: #DB6633;
}
当鼠标悬停在链接上时，链接会变为橙色。这在我使用 Firefox、Safari、Chrome 等的 3 台 Mac 上运行良好（我的 Windows PC 也使用相同的）。但是，当在我的客户端浏览器（OS X 10.6.4 上的 Safari 和 Firefox）上查看时，他们会看到：
还有这个：
等等。如您所见，橙色与文本没有正确对齐。我以前没见过这个，我无法在最后重现它。我也遇到了一些图像也稍微有些问题，但我不确定这是否相关。
客户端正在运行最新版本的 Safari 和 Firefox（我也是）。他们运行的是 OS X 10.6.4，但我在我的一台笔记本电脑上安装了它，它可以很好地显示网站。
以前有没有人见过这个，如果有，我该如何解决这个问题？
** 编辑 **
好吧，更详细一点：它在 Firefox 中发生的次数比在 Safari 中要少。我将尝试用最少的代码来重现它，然后我也会用它来更新。
我认为这说明它同时出现在 Firefox 和 Safari 上——它们使用不同的渲染引擎。会不会和系统有关？也许是无障碍设置？
【问题讨论】：
-
他们是否使用 ctrl + 增加了浏览器字体大小
-
不这么认为。我已经尝试过了，没有任何区别，我仍然没有看到任何故障。
-
我以前从未见过这种情况，但这些奇怪的异常似乎总是只发生在客户端计算机上，这并不奇怪：S
-
你能链接到实际代码，或者在 JSFiddle 上发帖吗？你要求很多假设，如果这里有人可以也重现问题，那将特别有趣。
-
那是自定义字体吗？如果您通过字体嵌入，那么问题可能出在网络字体文件中，但您没有看到它们，因为您安装了真正的字体
标签： html css macos firefox safari