控制身体的背景图像位置

【问题标题】：Controlling a background image position of the body控制身体的背景图像位置
【发布时间】：2010-02-27 02:48:19
【问题描述】：

我想知道是否有可能影响身体的定位；我有一个 500 x 500 像素的图像，位于页面中心，设置为不重复。我想知道是否可以以某种方式倾斜定位，使其看起来从中心向下 20 像素，因为我有一个更大的标题覆盖背景。

有什么想法吗？

谢谢。

【问题讨论】：

【解决方案1】：

如果您不特别想精确偏移 20px，您可以使用百分比来偏移背景的 y 坐标。这是一个例子：

background-position:50% 55%;

【讨论】：

【解决方案2】：

使您的背景图片顶部高 40 像素。这会将图像向下分流 20 像素。

您可以尝试使用 div 和边距进行修改，但使图像更高具有相同的效果而不会导致脱发。

【讨论】：

【解决方案3】：

研究 CSS 中背景位置规则的使用。它需要 2 个值，以空格分隔，如下所示：

background-position: left center;

或

background-position: 50px 100px;

它们按 X Y 顺序排列。

【讨论】：