2013-08-23 166 views
0

我想要一个完整大小的背景图像,在div中。 div是最后一个元素,所以我希望它填充到页面的底部。到目前为止,我已经有了这样的代码,它可以填充到两侧,但将高度更改为100%会使其消失,而我似乎无法使其填充页面。div中的全尺寸背景图像?

.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; 
} 
+0

你可以发布你的网页的HTML? – teynon

+0

试试'background-size:contains;'也许? – Shivam

+0

您是否可以尝试减小背景图像大小并重复长轴?你是否将div的高度属性降低到99%或其他值接近100%? – PatrickT

回答

0

没有看到你的HTML,你有没有尝试过:

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

,你也可以尝试手动设置:

.launch { 
    top: 0px; 
    left: 0px; 
    min-height: 100%; 
    min-width: 100%; 
    position: fixed; 
} 
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%; 
 
}