배경 이미지 높이 - 지정 안 함

Question

내 질문은 내 기본 이미지라고 생각합니다. 어떤 이유로 든 내 backgound 이미지가 세로로 반복되지 않습니다. 왜 누군가는 볼 수 있습니까?

body 
{ 
background: url("/images/blueback5.jpg") repeat-x scroll 0 0 transparent; 
font-family: Arial,Helvetica,sans-serif; 
font-size: 62.5%; 
} 
#global-wrap 
{ 
width: 100%; 
margin: 0 auto; 
text-align: left; 
width: 880px; 
} 
#global-inner 
{ 
background: url("/images/main_bg.gif") repeat-y scroll 0 0 #E4EAEF; 
font-family: Arial; 
font-size: 1.2em; 
margin: 15px 0 0 0; 
/*overflow: visible;*/ 
text-align: left; 
width: 880px; 
} 

Answer 1

, 여기이 약간 어리석은 대답을 간다 :

아이디어는 이미지 (/images/main_bg.gif가) 넓은 880px, 높은 1px (또는 24px, 어떤 수)가 될 수 있도록한다.

background 선언 내에 repeat-y이 있습니다. 즉, 이미지는 #global-inner의 배경으로 끝없이 아래쪽으로 반복됩니다.

높이가 #global-inner이고 배경 이미지의 높이가이 요소 내부의 콘텐츠 높이에 의해 결정됩니다.

높이가 적어도 800px이되도록하려면 min-height: 800px을 대신 사용할 수 있습니다.

Answer 2

이미지 높이는 대신 폭이 880px입니다 880px 없습니다. 높이는 20px입니다.

다음은 배경 이미지를 사용하는 원본 이미지입니다.

그 단순히 #contentDiv이 있습니다 어떤 크기로 확장 CSS에 repeat-y를 사용하여.

또한 단순히 배경 이미지를 코너 배경 이미지가있는 4 개의 별도 코너 구획으로 오버레이하는 것입니다.

다음은 거기서 수행 된 템플릿입니다.

<div id="content"> 
    <div id="top-left-coner'> 
    </div> 
    ... 
    <div id="top-right-coner'> 
    </div> 
    ... 
    <div id="bottom-left-coner'> 
    </div> 
    ... 
    <div id="bottom-left-coner'> 
    </div> 
    ... 
    <div> 
    </div> 
</div> 

그런 다음 CSS로 배경 이미지를 할당하십시오. 의견을 바탕으로

는