懸停在Webkit中顯示邊緣的原始顏色

我正在使用一些字體圖標來代表我正在構建的網站上的twitter，Facebook和rss，它們看起來不錯。它們在懸停時變爲適當的顏色，活躍並專注於焦點，在Firefox和Opera上看起來很棒。懸停在Webkit中顯示邊緣的原始顏色

我的問題是在Mac上的Safari和Chrome（所以我假設webkit）。在懸停時，您可以沿着一個或兩個圖標的邊緣看到一點點白色。

我試着改變鏈接/訪問顏色爲綠色，你可以看到懸停的綠色的一點，所以我知道這是默認的顏色被看到。

看一看圖標的頁腳位置的左邊：http://tempertemper.net/index2

這裏是我已經採取了一些屏幕爭奪：

enter image description here

Twitter的鳥不很好看在背景下，但我仍然有一些調整。你可以在嘴周圍做出白色。 Facebook徽標顯示其頂部和底部以及左側和底部邊緣的rss符號。

感謝您的關注，

Martin。

2012-08-17 Martin

我在Win7和最新的Chrome，我無法看到任何白色。如果有幫助。編輯：http://exscale.se/__files/uploads/facebook-hover.png – powerbuoy 2012-08-17 13:54:03

但在mac中有一個白色空間 – sandeep 2012-08-17 14:12:14

我在Win7和Fedora的Chrome上測試過。我可以看到任何東西。你能添加截圖嗎？ – 2012-08-17 15:01:58

加入這個錨風格：

.social a:link, .social a:visited { 
    color: white; 
    border-bottom: none; 
    text-decoration: none; 
}

2012-08-17 13:49:18

這似乎並沒有解決它對我來說，在檢查員檢查在鉻21 Mac – 2012-08-17 14:14:22

嗨Vukasin。謝謝，但它似乎並沒有解決它。我添加了一些屏幕抓圖，以便您可以看到它的外觀。 – Martin 2012-08-17 16:06:13

我接觸誰做的字體在第一章，他建議改變@字體面要求的順序，使SVG高於WOFF和TTF並使它更好。然後，我玩了字體大小，並在4.15em放置，這表明在Safari或Chrome的Mac上沒有白色的邊緣。 4.1,4.2,4.3,4.4等都呈現出輕微的白線。

所以它是固定的，但我不知道爲什麼！

感謝所有在看看，如果任何人可能知道爲什麼發生在所有但幾個字體大小我很想知道:)

2012-08-18 20:41:49 Martin

不確定這裏的協議是什麼：我是否將自己的答案標記爲正確？這是排序，但實際的問題可能仍然存在的一些用戶的字體... – Martin 2012-08-18 20:43:11

我的Webkit遇到同樣的問題上帶有Univers字體的Mac。

我解決它在我的字體大小屬性設置半像素：font-size: 18.5px

2012-11-09 15:41:48 caedes

回答