css - CSS背景图片定位

Question

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

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

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

更新：

----------------------
| |----------| |
| xxxxxxx | |
| xxxx | |
| | | |
| | | |
| | 页 | |
| | | |

外框是浏览器视口
内框是我的居中页面（主 DIV）
xxxx - 是一个图像

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

对不起我的英语（我是在谷歌翻译的帮助下写的）

score 2 · Accepted Answer

这将使背景图像居中

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; 
}

1 回答 1