移动身体背景图像

Question

我正在使用这个CSS将图像放入<body>:

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

图像显示在浏览器窗口的顶部,但我需要将此图像从顶部放置几个像素.

我尝试过使用padding/margin-top: 20px;,但它没有帮助我,图像仍然在浏览器窗口的顶部.

如何body从顶部向下移动几个像素的标签背景图像？

注意:我需要在body标签中显示图片.

Answer 1

你需要background-position改用.

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