CSS背景图片定位

Question

我有一个我无法应付的问题。答案可能在论坛的某个地方，但我不知道如何找到它。

我将主 DIV 容器居中对齐。我的页面只有一种纯色背景，但页面的一部分必须是背景图像。

图像的右侧部分是正常页面，左侧部分应该在背景中(浏览器视口(viewport)的左上角)。我不知道如何将图像放在背景中的确切位置并让浏览器忽略它(没有滚动条等)。我可以将这个背景图像放在主 DIV 容器中，但是我怎样才能正确地将页面居中并使浏览器将其视为背景？

更新:

------------------------|     |---------|      || xxxxxxx       |      | |   xxxx        |      ||     |         |      ||     |         |      ||     |  Page   |      ||     |         |      |outer frame is browser viewportinner frame is my centered page (main DIV)xxxx - is an image 

我不得不将图像切成两半，以便一部分包含在主 DIV 容器中，另一部分应该位于网站的背景部分。所以我的问题是如何将图像放在背景中，以便它始终保持在其主要 DIV 部分旁边的相同位置(无论浏览器视口(viewport)大小如何，图像都应被视为背景的一部分 - 没有滚动条，当pade 居中)

对不起我的英文(我是在谷歌翻译的帮助下写的)

Answer 1

这将使背景图像居中

body
{ 
background-image:url('image.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 
}

这会将背景图片定位在浏览器的左上角

body
{ 
background-image:url('image.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left top; 
}