css - 基金会网络图标

Question

我正在尝试使用 zurb 的网络图标在我的页面上添加 facebook 的图标。我关注了这个页面:http://zurb.com/playground/social-webicons ，下载 zip，在根文件夹中创建一个名为 webicons 的文件夹，并将所有图标粘贴到其中。这是我用于测试的行:

<a href="#" class="fc-webicon facebook">Like us on Facebook</a>

它只显示文本，但如果我将类更改为“webicon facebook”，它会显示一个带阴影的小框(图标形状)。

Answer 1

看起来 css 没有链接到我的 html 文件中的类，所以我这样修改:

.webicon.facebook {
  background: url("webicons/webicon-facebook-m.png"); 
}

收件人:

.no-svg .webicon.facebook {
  background: url("webicons/webicon-facebook-m.png"); 
}

我还将 html 中的类名更改为“webicon facebook”