div中的全尺寸背景图片?

时间:2013-08-23 20:45:38

标签: html css

我想要一个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;
}

2 个答案:

答案 0 :(得分:0)

没有看到您的HTML,您是否尝试过:

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

您也可以尝试手动设置:

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

答案 1 :(得分:0)

尝试使用背景大小属性,值 100%100%

示例:



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