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

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 元素不会填充视口。这个问题很可能是由 a用 .div推到右侧引起的position:absolute。

我该如何解决这个问题？

Answer 1

尝试添加背景附件：固定；

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