iconfonts仅在悬停时显示在Chrome中

时间:2014-03-02 16:52:37

标签: html twitter-bootstrap less

我正在使用Bootstrap glyphicons和FontAwesome图标,我遇到了一个奇怪的错误,除非盘旋,否则它们不显示,此时它们永久可见。当我重新加载页面时,它们再次不可见。

这只发生在Chrome中。 Safari和Firefox都会正常显示图标。

我正在运行Chrome v33.0.1750 - 这在以前从未发生过。

2 个答案:

答案 0 :(得分:1)

我找到了一些JavaScript代码来重新绘制页面并为我工作。我在某处发现了这个,所以这不是我的代码。

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

答案 1 :(得分:0)

我只是想通了。事实证明,与jQuery插件,holder.js - 图像占位符插件存在冲突。删除它,现在重新加载时图标显示正常。

奇怪,考虑到在Bootstrap的文档中,他们使用holder.js为他们的“缩略图”部分生成图像。

更新:

Chrome 33与任何版本的holder.js之间似乎存在冲突,高于v1.9。

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