2013-04-07 169 views
0

我有一個問題,我不能應付。可能答案在論壇的某個地方,但我不知道如何找到它。CSS背景圖像定位

我有主DIV容器對齊到中心。我的頁面有一個純色背景,但頁面的一部分必須是背景圖片。

圖像的右側部分是普通頁面,左側部分應該位於後臺(瀏覽器視口的左上角)。我不知道如何把圖像放在背景中的確切位置,並讓瀏覽器忽略它(沒有滾動條等)。我可以把這個背景圖片放在主DIV容器中,但是我怎樣才能正確地將頁面居中並讓瀏覽器把它當作背景?

更新時間:

 
------------------------ 
|  |---------|  | 
| xxxxxxx  |  | 
| xxxx  |  | 
|  |   |  | 
|  |   |  | 
|  | Page |  | 
|  |   |  | 

outer frame is browser viewport 
inner frame is my centered page (main DIV) 
xxxx - is an image 

我不得不削減圖像中的一半這樣一個部分被包含在主要DIV conteiner等應在現場的背景部分。所以我的問題是我怎麼能把圖像放在後臺,所以它總是停留在它的主DIV部分旁邊的相同位置(瀏覽器視口的大小,圖像應該被當作背景的一部分來處理 - 沒有滾動條,當忽略帕德居中)

對不起,我的英語(我與谷歌的幫助下翻譯)

+3

您應該向我們顯示您的代碼。你的問題太模糊了。 – 2013-04-07 19:08:51

+0

我改進了我的問題(我想添加一張圖片但是我的聲望太低) – Verbatus 2013-04-08 08:56:51

回答

2

這將居中背景圖像寫

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

事實並非如此,我的問題並不清楚,所以我更新了它:) – Verbatus 2013-04-08 08:58:50