有背景图像“伸展以适合”我的页面的背景

我有一个图像我想用作背景图像，但我需要它的高度来适应从页眉到页脚的100％，然后我可以放弃背景颜色：黑色;在它后面使它完美。有背景图像“伸展以适合”我的页面的背景

有没有办法做到这一点？目前，我尝试使用这个CSS：

#wrapper .bg{ 
    background: url(../images/sky.png) no-repeat; 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    display:block; 
    z-index:-1; 
}

这最终留下的形象和页脚，我猜测，如同在拍摄是不存在相同数量之间的一些空间。

来源

2012-03-11 Silas

边注：通常你不希望你的背景延伸，因为这降低了显示图像的质量（分辨率不同） – 2012-03-11 08:24:22

非常相似：http://stackoverflow.com/questions/4379084/background-图像不伸展完全 – 2012-03-11 08:28:09

这是令人毛骨悚然的讽刺，我使用的图像是在这样一个高分辨率，质量没有退化，但谢谢你的未来努力 – Silas 2012-03-11 08:38:56

不，你需要做的是在体内添加一个图像标签，并将高度设置为100％。应用任何Z-index调整与CSS，所以它仍然是你的内容。

来源

2012-03-11 08:26:00 AlienWebguy

如果您不支持旧浏览器，则可以使用css3来实现此目的。

body { 
    background-image: url(myimage.png); 
    background-size: cover; 
}

来源

2012-03-11 16:27:11

这对于我自己在chrome32，ff26和ie10中都有效。谢谢！ – 2014-02-08 02:02:27

应该被接受为答案... – 2014-02-16 03:14:16

有背景图像“伸展以适合”我的页面的背景

回答

相关问题