从容器端开始定位身体背景

Question

我有一个980像素宽的容器。我希望主页面（正文）的背景从容器的右边开始，并在浏览器窗口的最右边继续，或者直到图像结束（以较早者为准）。

我将背景图像定位如下：

body    {
    margin: 0;
    font-size: 10pt;
    line-height: 1.4em;
    text-align: center;
    background: url(images/image.jpg) no-repeat 980px top;
}

然后背景图像将从浏览器窗口的左边缘开始980像素，但这意味着它只能在一个特定的屏幕分辨率上工作。

我累了用背景定位一个元素但是当我试图隐藏溢出时，它离开了屏幕边缘，但这意味着你无法滚动主页以查看低分辨率或高分辨率的内容变焦。

有没有办法取中心，然后再添加490像素，这样它将从容器的末端开始？我宁愿能够使用（X）HTML和CSS来完成它而不必使用JavaScript。

Answer 1

解决此问题的众多方法之一是创建div，其中唯一的任务是保留您的背景。然后，您可以使用position: absolute;

将此div放在所需的位置

Fiddle