html - Css 背景图片根本不显示

Question

我正在尝试为 div 类提供页眉的背景图片，但它不会显示。

请看:

http://jsfiddle.net/eqzro6s3/

[CSS]

  .header
  {
      background-image: url('http://wpsites.net/wp-content/uploads/2013/12/Custom-Header-Image.png') no-repeat;
      width: 100%;
  }

[html]

<div class="header">
</div>

我做错了什么？提前致谢。

Answer 1

有背景的元素需要有维度。它们不会根据背景图片自动调整自己的大小。

.header
  {
      background-image: url('http://wpsites.net/wp-content/uploads/2013/12/Custom-Header-Image.png') no-repeat;
      width: 100%;
      height: ?????
  }