css - Font Awesome 和 Bootstrap 在 Chrome 中无法正常工作

Question

在 Google Chrome 上进行了最后两次更新后，我在 Font Awesome 上呈现图标时遇到了问题。在一切正常工作并加载所有图标之前。

当我将鼠标悬停在表格行上的任何图标时，所有其他图标也会出现。

Font Awesome css 文件在 bootstrap css 之后

@import 'bootstrap.min.css';
@import "font_awesome/font-awesome.min.css";

<i class="icon icon-ban-circle"></i>

• Font Awesome 3.2.1
• Bootstrap v2.2.1

Answer 1

您可能遇到与此处描述的谷歌字体相同的错误:https://code.google.com/p/chromium/issues/detail?id=336476

我的解决方法(直到谷歌发布 v35(金丝雀))是让 jquery 像这样自动重新绘制主体:

$(function() { $('body').hide().show(); });

... 在页面加载(或准备好)之后。幸运的是，这不会使页面闪烁。

祝你好运!