iconfonts只在Chrome瀏覽器上懸停顯示

Question

我使用Bootstrap glyphicons和FontAwesome圖標，並且遇到了一個奇怪的錯誤，他們不會顯示，除非懸停在此處，這時它們永久可見。當我重新加載頁面時，它們不再可見。

這隻發生在Chrome中。 Safari和Firefox都能正常顯示圖標。

我正在運行Chrome v33.0.1750 - 這從來沒有發生過。

Answer 1

我只是想通了。結果發現與jQuery插件holder.js - 圖像佔位符插件有衝突。刪除了那個，現在圖標在重新加載時顯示正常。

奇怪的是，考慮到在Bootstrap的文檔中，他們使用holder.js爲其「縮略圖」部分生成圖像。

UPDATE：

似乎有鉻33及以上V1.9 holder.js的任何版本之間的衝突。

https://github.com/imsky/holder/issues/81?codekitCB=415695904.557899

Answer 2

我發現了一些JavaScript代碼來重新繪製頁面，併爲我工作。我在某處發現了這個，所以它不是我的代碼。

$(document).ready(function()  
{ 
    var Offset = $('body').offset(); 
    $('body').offset(Offset); 
});