(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

您还必须指定height。

​

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

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

​

Answer 2

​

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

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

​