Css 使用背景图像的社交图标

Css 使用背景图像的社交图标,css,position,background-image,social,Css,Position,Background Image,Social,我在这件事上耽搁了一段时间 我似乎无法将社交图标图像显示在此页面的页脚上。我试过两件事都没用 首先,我认为我的背景是:url()声明错误 这是我的 <div class="footer"> <ul class="links"> <li class="fb">Facebook</li> <li class="tw">Twitter</li> </ul> </di

我在这件事上耽搁了一段时间

我似乎无法将社交图标图像显示在此页面的页脚上。我试过两件事都没用

首先,我认为我的背景是:url()声明错误

这是我的

<div class="footer">
    <ul class="links">
        <li class="fb">Facebook</li>
        <li class="tw">Twitter</li>
    </ul>
</div>
}

我知道位置中心不正确,但我只是想让图标显示在那里,然后调整位置,一旦我能够看到图标


这是一把小提琴

您在背景的不可重复部分缺少一个连字符:

background: url(http://www.lucianooliveira.net/wp-content/uploads/2014/08/twitter-48.png) no-repeat;

禁止重复
在您的
背景中
声明应在单词-
禁止重复
之间用破折号书写,并在括号结束后加空格。然后显示图像-使用单独的
背景图像
背景重复
属性的另一个很好的理由。它不仅有助于使CSS更易于阅读,而且还有助于调试这样的错误。
background: url(http://www.lucianooliveira.net/wp-content/uploads/2014/08/twitter-48.png) no-repeat;