css - (Html 和 css)在包装器中设置背景图片时出现问题

Question

我是网页设计的新手，在包装器中设置背景图片时遇到了一个小问题。请浏览以下源代码和 css 文件。非常感谢您的协助。

#wrapper {
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: url(http://lorempixel.com/300/300);
}

<div id="wrapper"></div>

Answer 1

您还必须指定高度。

#wrapper {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: url(http://www.lorempixel.com/300/300);
}

<div id="wrapper"></div>