页脚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

将您的身体边距和填充设置为0：

body {
  margin: 0;
  padding: 0;
}

Answer 2

如果您只想展开页脚背景图片，这是一种简单的方法：

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 3

你不想重复背景图片吗？ 然后替换

background-repeat:no-repeat;

而不是

background-repeat: repeat-x;