设置完整背景图片

Question

我正在尝试创建完整的背景图像。不幸的是，图像甚至没有出现，更不用说作为完整背景。感谢帮助。

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

<div id="bg"><img src="img/bg.jpg" alt="">
    </div>  

Answer 1

如果您想将其作为背景图片，请尝试以下操作。我添加了一个代码段。

#bg {
  position: fixed; 
  background-image: url(http://www.laminart.com/img/product/cad/928_2455_L.jpg);
  width:500px;height:200px;
  padding:0px;
} 

<div id="bg">
 text over the picture
  <br><br>
  some addition text
<div>

Answer 2

你不需要2个课程

你只需要

#bg {
  position: absolute; 
  width:100%;
  min-height:100%;
  background-image:url("http://www.yourdomain.com/images/image.jpg");
  background-size:cover;
}

<div id="bg">&nbsp;</div>

查看此JSBin示例

Answer 3

使用以下内容使其“完整”

background-size：cover;