html - ブラウザ ウィンドウのサイズ変更時に背景画像タイルを回避する方法

Question

タグ内の背景画像に実際の画像を使用し、実際のサイトbodyの例になるように修正しました

大画面で見るとこんな背景画像タイル

画像がタイル状に表示されず、実際の Web サイトに表示された「単一」のままになるようにするにはどうすればよいですか。

私が使用しているCSSは以下です

body {
margin:0; padding:0;
background: url(../images/new.jpg) fixed #A8BFAD;
 }

Answer 1

画像を実際のサイズのままにしたい場合：

body {
        background: url(../images/new.jpg) fixed #A8BFAD no-repeat;
    }

画像を画面いっぱいに表示したい場合:

body {
    background: url(../images/new.jpg) fixed #A8BFAD;
    background-size: cover;
}

Answer 2

CSSに追加background-repeat:no-repeat;するbody

body {
  margin:0; 
  padding:0;
  background: url(../images/new.jpg) fixed #A8BFAD;
  background-repeat:no-repeat;
}