html - 页脚 bg 图像在页面上水平重复

Question

我的页眉 bg 图像工作正常，但我似乎无法让页脚延伸到整个网站的宽度。我怎样才能解决这个问题？

   body{
background-image: url(images/topbg.jpg), url(images/footerbg.jpg);
background-position: left top, left bottom;
background-repeat: repeat-x;
} 

Answer 1

如果您只想拉伸页脚背景图像，这是一种简单的方法：

body
{
  background-image: url(images/topbg.jpg) left top repeat-x, url(images/footerbg.jpg) left bottom;
  //Make the Background Image stretched
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} 

Answer 2

将您的正文边距和填充设置为 0：

body {
  margin: 0;
  padding: 0;
}

Answer 3

您不想重复背景图像吗？然后替换

background-repeat:no-repeat;

代替

background-repeat: repeat-x;