CSS 배경 이미지 배치

Question

나는 내가 감당할 수없는 문제가 있습니다. 아마 대답은 포럼 어딘가에 있지만 어떻게 찾을 지 모르겠습니다.

센터에 정렬 된 기본 DIV 컨테이너가 있습니다. 내 페이지에는 단색 배경색이 하나 있지만 배경 이미지 여야하는 페이지 부분이 있습니다.

이미지의 오른쪽 부분이 정상 페이지이고 왼쪽 부분이 배경 (브라우저 뷰포트의 왼쪽 상단 모서리)에 있어야합니다. 나는 정확한 위치에 배경 이미지를 넣고 브라우저가 스크롤 막대를 무시하는 방법을 모릅니다. 이 배경 이미지를 메인 DIV 컨테이너에 넣을 수는 있지만 어떻게하면 페이지를 적절히 센터링하고 브라우저가 배경으로 처리하게 할 수 있습니까? 내가 그렇게 한 부분이 주요 DIV의 conteiner에 포함되어 반으로 이미지를 잘라했다

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

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

및 기타 사이트의 배경 부분에 있어야합니다 :

업데이트. 그래서 내 질문에 어떻게 배경에 이미지를 넣을 수 있습니다 그래서 그것은 항상 같은 장소에서 메인 DIV 부분 옆에 머물러 있습니다 (브라우저 뷰포트 크기를 고려하면 이미지는 배경의 일부로 취급되어야합니다 - 스크롤바 없음, 무시 될 때 pade 내 영어에 대한

죄송합니다) 중앙 (나는

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

이 왼쪽 상단에있는 배경 이미지를 배치합니다 구글의 도움 번역)

Answer 1

이 중심합니다 배경 이미지와 함께 쓴 브라우저의

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