html - div中的全尺寸背景图像？

Question

我想要一个完整大小的背景图像，在一个 div 内。div 是最后一个元素，所以我希望它填充到页面底部。到目前为止，我有这段代码，它使它填充到两侧，但是将高度更改为 100% 使它消失，我似乎无法让它填充页面。

.launch {
    background: url('Images/launchBackground.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Answer 1

在没有看到您的 HTML 的情况下，您是否尝试过：

background-image: url('Images/launchBackground.jpg')

您也可以尝试手动设置：

.launch {
  top: 0px; 
  left: 0px; 
  min-height: 100%;
  min-width: 100%;
  position: fixed; 
}

Answer 2

尝试使用值为100% 100%的属性background-size

例子：

.launch {
    background: url('Images/launchBackground.jpg') no-repeat center center fixed; 
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}