css - バックグラウンド CSS で画面に合わせて画像を貼り付ける

Question

画像「desk.png」をスクロールなしで単一の Web ページの背景にしようとしています。私はそれをウェブブラウザに正確に合わせたいと思っています。今のところ私は持っています：

body {
    background-image: url(desk.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

この時点で、画像の上半分が切り取られます。他のことを試してみると、底のかなりの部分が切り取られました. サイズを変更して、何も切り取らずに適切な解像度を維持できるようにしたい.

Answer 1

以下を使用できます。

body {
  background-size:100% 100%;
}

デモを見るhttp://jsfiddle.net/5k9eH/7/

Answer 2

以下を使用できます。

body {
  background-image: url(desk.jpg);
  background-repeat:repeat;
  background-position:center;
  height:100%;
  width:100%;
}

Answer 3

できるよ ：

body{
    background-size:cover;
}