身体的背景图像不会重复到视口

Question

我的网站背景由两张图片组成。

html{
height:100%;
margin:0;
padding:0;
background-image:url('../images/backgroundbottom.png');
background-repeat:repeat-x;
background-position:bottom;
}
body{
height:100%;
margin:0;
padding:0;
font-family: "arial", "times", "courier";
font-size: 10pt;
color:white;
background-image:url('../images/backgroundtop.png');
background-repeat:repeat-x;
}

正文背景不像html那样适应我网站的动态环境。身体背景在右侧停止重复，但html延伸到整个视点。我已经在Chrome，FireFox，Android和Safari中对此进行了测试。

html和body元素不会填充视口。此问题很可能是由div向position:absolute推送到右侧引起的。

如何解决此问题？

Answer 1

尝试添加background-attachment：fixed;

background-repeat:x;
background-attachment:fixed;
background-position:bottom;