html - フッターの背景画像は、ページ全体で水平方向に繰り返されます

Question

ヘッダーの背景画像は正常に機能しますが、フッターをウェブサイトの幅全体に広げることができないようです。どうすればこれを修正できますか?

   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

set your body margins and padding to 0:

body {
  margin: 0;
  padding: 0;
}