在我正在处理的网络项目中，我在页面顶部有一个固定的导航栏，下面的内容周围有Font Awesome图标。
最初，我使用了一个到FA的CDN链接，一切都很好。 当我尝试使用通过Bower检索的本地版本时，图标将在导航栏上方呈现，而所有其他内容在下方正确呈现。
对于CDN和本地版本（Font Awesome版本4.6.0），图标上的z-index设置为auto。 我尝试手动修改图标z-index值无济于事。 问题出现在Firefox和Chrome上。
之前有没有人遇到过这个问题？
答案 0 :(得分：0)
检查样式表是否按相同顺序加载 - 您可以在网络选项卡上执行此操作。
延迟可能导致一个样式表无序应用 - 尤其是在使用导入时。
答案 1 :(得分：0)
刚刚遇到这个问题。
显然，字体真棒图标有z-index：4
因此，将.navbar设置为z-index：5或大于4的任何内容，问题都已消失。