2010-04-26 5 views
0

덕분에 도움이배경 이미지에 도움

HTML { 위치에 결국 : 상대; 최소 너비 : 950 픽셀; 신장 : 100 %; 배경 : 검은 색 URL (이미지/GrassBG.png) 반복 -y 상단 중앙;

font:13px "Lucida Grande",Helvetica,Arial,sans-serif; 
} 

body.main { 폭 : 950 픽셀; 여백 : 0 자동; 위치 : 상대적; }


는 내용 만 표시로 높이를 제한하는 배경 화상 -을 위해 사업부를 사용하는 방법은 무엇입니까?

내가 위치를 통해 중심에 배치하기 때문에 div에 배경 이미지 넣기 : 상대적이지만 이미지가 보이지 않는 한 div에 높이를 두지 않으면 내가 원하는 것을 원하지 않는다. 그냥 이미지의 하단으로 스크롤 theres 아무 내용이 없습니다

ive 바디 CSS에 배경 이미지를 넣으려고했는데 브라우저가 이미지의 너비보다 적다면 그냥 왼쪽으로 던져 버리고 그것의 절반 만 볼 수 있습니다 - 배경 위치를 만들 수있는 방법이 없습니까? 신체의 친척입니까?

죄송 경우

이 왜 위치 사용할 수 없습니다 나던 메이크 센스> <

감사 : 상대; 시체에?

+2

직접 문제를 해결 한 경우 직접 질문에 대한 답변을 게시하십시오. – Ham

답변

0

div의 높이를 100 %로 설정하고 no-repeat으로 설정하여 div 전체에서 진행되지 않도록 할 수 있습니다. 부모 요소 모두에 100 % 높이가 포함되어 있는지 확인하십시오 (최대까지 body까지). 그렇다면 특정 높이가 될 수는 없습니다. 그것은 단지 페이지를 채울 것입니다.

이것은 모두 당연히 문제의 div 아래에있는 것과 상호 작용하는 것을 신경 쓰지 않는다고 가정합니다.

<style> 
body, 
#parent { 
    height: 100%; 
} 

#the_one_with_the_background { 
    background: url('background.png') no-repeat top center; 
    height: 100%; 
    width: blahpx /* You're still going to have to define a width of some sort */ 
} 
</style> 

<body> 
    <div id="parent"> 
     <div id="the_one_with_the_background"> 
     </div> 
    </div> 
</body> 
+0

100 % 이미지를 사용하여 이미지가 보이지 않는 것 같습니다. – Gazow