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％

示例：

＆＃13;

.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%;
}

＆＃13;

div中的全尺寸背景图片？

2 个答案: