CSS背景 - 图像没有显示

Question

我正在尝试使用CSS设置背景图像,但我似乎无法正确填充图像.

这是我想要做的CSS

 a.fb {
   background-image: url('img/Facebook.png');
 }

 a.fb:hover {
  background-image: url('img/FacebookHover.png');
 }

这是我正在使用的HTML代码,我尝试了几种不同的方法来填充图像,没有运气

<div class="footer">
     <a class="fb" href="http://www.facebook.com" target="_blank"></a>
</div>

任何帮助将不胜感激

好的,添加了以下内容,仍然没有任何其他想法

 a.fb {
    display:block;
    width: 33px;
    height: 33px
    background-image: url('img/Facebook.png');
 }

编辑:Yup让它工作现在忘了; 在高度之后,但是没有我在它周围有一个白色边框并尝试设置border:none; 没运气

a.fb {
    border: none;
    display:block;
    width: 33px;
    height: 33px;
    background-image: url('img/Facebook.png');
 }

Answer 1

一个锚标记默认显示为一个内联元素,所以它取决于它的内容,以获得一个高度和宽度.要做你想做的事,你应该添加一些样式: display:block; width: 20px; height: 20px.