扩展字体真棒

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文件。检查您的浏览器中的图像试图从哪里拉的属性，这将有助于您诊断问题。