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，這樣就不會對頁面的其他部分進行額外的處理。