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 回答