如何获得背景图片的边距？

Question

以下是我网站代码的结构。

<body class="xxx">
    <div id="top-header">... code ...</div>
    <div id="wrapper">... code ...</div>
</body>

这是我用于背景图像的CSS代码。

body {
    background-image: url('http://example.com/background-image.jpg');
    background-position: top right;
    background-repeat: repeat;
}

我的问题是，背景图片的大约50px隐藏在“顶部标题” div下，其高度为50px（这是菜单）。如何调整代码，以使背景图像正确显示在菜单下方（顶部标题）？

就是这样，您知道，我也尝试了以下CSS代码：

#wrapper {
    background-image: url('http://example.com/background-image.jpg');
    background-position: top right;
    background-repeat: repeat;
}

这将我内容的白色背景更改为图像。这不是我想要的。

唯一的方法是将背景图片的起点向下移动50px。我该如何定义？请尝试帮助。谢谢。

Answer 1

对不起，伙计们，这很容易。我实际上遵循了用于背景的 CSS Twitter，我明白了。我只需要将“右上角”替换为“右 50 像素”，其中 50 像素等于您希望在背景图像顶部留下的边距。

body {
    background-image: url('http://example.com/background-image.jpg');
    background-position: right 50px;
    background-repeat: repeat;
}

干杯！