擴展字體真棒

Question

我在網站上使用Font Awesome。

我有幾個自定義圖標，我想保持我的代碼一致，所以我想以與Font-Awesome相同的方式使用我的新圖標。

當我看一個字體真棒圖標，它似乎是它的內容設置與下面的CSS：

.icon-dashboard:before 
{ 
    content: "\f0e5"; 
} 

，然後創建的圖標如下：

<a href="#"><i class="icon-dashboard></i></a> 

但是，如果我有一個.png圖像並嘗試以相同的方式使用它，它似乎不起作用：

.icon-network:before 
{ 
    content: url("images/network-icon.png"); 
} 

This ju st顯示一個空白圖像。我在這裏錯過了什麼？

Answer 1

如果顯示空白圖像，則表示您的路徑已關閉。該路徑相對於您的CSS文件。檢查您的瀏覽器中的圖像試圖從哪裏拉的屬性，這將有助於您診斷問題。