移动身体的背景图像

我使用这个CSS把一张图片到<body>：移动身体的背景图像

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

图片在浏览器窗口的顶部显示，但我需要把这个图像从几个像素顶端。

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

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

注：我需要在身体标记中的图片。

来源

2013-01-01 user984621

您需要改用background-position。

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

来源

2013-01-01 18:06:29 BoltClock

如此快速和简单的解决方案，谢谢'BoltClock'。 – user984621

您可以使用CSS背景位置属性，

例如

body { 
    background: url('picture.png') no-repeat; 
    background-position: 0px 50px; /* This makes the image appear 50px from top */ 
    background-size: contain; 
}

来源

2013-01-01 18:09:11

移动身体的背景图像

回答

相关问题