Jquery Div全高全宽动态

现在，我尝试制作一个div，其中包含一个背景图像，在pageload上填充整个视口，并在需要时向下推送所有其他页面内容，这样在加载页面时，您就可以看到带有图像的这个div-让它工作的最佳方法是什么

这应该做到：

html, body{
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  position:relative;
}
#imgDiv{
  position:relative;
  height:100%;
  background-image:url(myImage.png);
}

---

您需要将

div

的高度设置为100%，但这需要与“某物”相关，这就是为什么您还为

html

和

body

元素设置

height:100%

。只要带有图像的

div

首先出现在您的HTML中，它就会按预期工作。

到目前为止您的努力是什么？请提供任何屏幕简短或JSFIDLE url。感谢您的提示！这就是真正解决我问题的方法：

div{background image:url（images/bgindex.jpg）；背景重复：不重复；背景位置：居中；背景附件：固定；-webkit背景大小：封面；-moz背景大小：封面；-o-background-size:封面；背景大小：封面；位置：相对；高度：110%；}