CSS 背景图像不显示

Question

我对使用 CSS 使用空 <a> 显示图像感到困惑元素。

<a class="header" href="#"></a>

确实创建了以下 css 中指定的可点击区域:

.header { width: 50px; height 50px; background-image:url('images/picture.png') }

但是，不会显示图片。如果我还包括:

.header:hover { background-image:url('images/picture.png'); }

然后它会显示图片。我的目标是使用 CSS 来雇用 this method图像到图像的替换，但我似乎还没有理解基础知识。

Answer 1

您的 CSS 走在了正确的轨道上。您必须添加 display:block 以允许 anchor 标记拾取高度。

.header { width: 50px;
          height 50px; 
          background:url('images/picture.png'); 
          display:block;
}