1

このCSSを使用して、画像をに入れています<body>:

body {
  background: url('picture.png') no-repeat; 
  background-size: contain;
}

画像はブラウザー ウィンドウの上部に表示されますが、この画像を上部から数ピクセル離して配置する必要があります。

を使用してみましpadding/margin-top: 20px;たが、役に立ちませんでした。画像はまだブラウザ ウィンドウの上部にあります。

bodyこのタグの背景画像を上から数ピクセル下に移動するにはどうすればよいですか?

注: body タグに画像を含める必要があります。

4

2 に答える 2

5

background-position代わりに使用する必要があります。

body {
  background: url('picture.png') no-repeat; 
  background-position: 0 20px;
  background-size: contain;
}
于 2013-01-01T18:06:29.767 に答える
1

css background-position プロパティを使用できます。

例

body {
  background: url('picture.png') no-repeat; 
  background-position: 0px 50px; /* This makes the image appear 50px from top */
  background-size: contain;
}
于 2013-01-01T18:09:11.777 に答える