我有一个#wrapper div,它有一个背景图片。我想把这个封面作为我页面的100%。
我读过这样做,你必须将html
和body
的高度设置为100%,我的css设置如下:
HTML, BODY {
height: 100%;
}
#wrapper {
height: 100%;
background-image: url('myimage.png');
}
但是,包装器div占用了浏览器上可见区域的100% - 如果向下滚动,背景图像就会消失。
有人知道如何正确设置或我做错了吗?
答案 0 :(得分:0)
background-attachment: fixed;
使您的背景忽略滚动。
http://www.w3schools.com/cssref/pr_background-attachment.asp
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_js_background-attachment