字體真棒Z指數問題

Question

在我正在處理的Web項目上我有一個固定的導航欄在頁面的頂部，下面的內容有字體真棒圖標灑在周圍。

最初，我使用CDN鏈接到FA，一切都很好。 當我嘗試使用通過Bower檢索到的本地版本時，圖標被渲染到導航欄上方，而所有其他內容正在被正確渲染到下方。

對於CDN和本地版本（Font Awesome version 4.6.0），圖標上的z-index設置爲auto。 我試圖手動修改圖標z-index值無濟於事。 此問題出現在Firefox和Chrome上。

有沒有人遇到過這個問題？

Answer 1

檢查樣式表是否以相同順序加載 - 您可以在網絡選項卡上執行此操作。

延遲可能導致一個樣式表異常地應用 - 尤其是如果您使用的是導入。

Answer 2

剛剛遇到了這個問題。

顯然，字體真棒圖標具有的z-index：4

因此，設置.navbar到的z-index：5或任何大大高於4，問題不見了。