html - 整页背景图片

Question

我一直在努力实现整页背景图片。我怎样才能让这个背景图片占据页面的高度而无需滚动？

http://jsfiddle.net/DFN5y/

#cover {
 background: url(http://bootstrapguru.com/preview/cascade/images/carousel/imageOne.jpg) no-repeat center center fixed; 
 background-size: cover;
 height:100%;
}

目前 100% 加上固定高度使它太高了。

Answer 1

给你的#cover一个固定的位置和流动的尺寸:

#cover {
    background: url(http://bootstrapguru.com/preview/cascade/images/carousel/imageOne.jpg) no-repeat center center fixed; 
    background-size: cover;
    height:100%;
    width: 100%;
    position:fixed;
}

Working demo