이상한 CSS 문제

Question

이미지 헤더를 반복하는 데 이상한 CSS 문제가 발생했는데 어떤 이유로 그 코드가 작동하지 않습니다. 잘못된 것이 있습니까?

body { 
    background:url(images/bg.png) repeat 0% 0%; 
    font-family: 'Helvetica Neue', Arial, Verdana, sans-serif; 
    margin: 0; 
     padding: 0; 
} 
/* this part is not working its only showing the header in its original size I am trying to make it repeat*/ 

#header { 
    width: 100%; 
    background: url(header.png) repeat-x; 
    height:44px; 

} 

HTML: 
<div id="wrap"> 
    <div id="header"> 



    </div> 
    </div> 

Answer 1

경로입니다. header.png이 CSS 문서와 같은 경로에 있습니까?

width: 100%; 
background: url(../header.png) repeat-x; 
height:44px; 

각 하위에 대한 ../ 추가 이미지가 자리하고있는 곳에서의 폴더 :

그렇지 않은 경우는, 상대 경로 지정, 예를 사용합니다.

Answer 2

인라인 요소의 크기를 조정하려고했을 수 있습니다. 이 인수를 추가 해보세요 : display : block

편집 : div를 사용하고있는 것을 볼 수 있습니다. 이전의 대답은 무시하십시오. 문제가있는 다른 요소에있을 수 있습니다, 문제가 #header하지 않을 수 있습니다

Answer 3

는 (다른 이미지로) 내가 바이올린에 원래의 코드를 테스트 ..

#header { 
    width: 100%; 
    background: url(header.png) repeat-x; 
    height:44px; 
    display:block 
} 
#wrap { 
    width: 100%; 
    display:block 
} 

그러나 시도하고 그것을 잘 작동합니다 다른 너비.

Answer 4

이 바이올린에

http://i51.tinypic.com/2ds1ele.jpg

Answer 5

봐 여기 잘 작동 : http://jsfiddle.net/ksCnL/이

이 코드이지만 올바른 이미지 경로. header.png가 상위 디렉토리에있는 경우 url('../header.png');을 사용하십시오. 이미지 폴더에있는 경우 url('../images/header.png'); 또는 url('/images/header.png');을 시도하십시오.

파일 위치를 찾고 경로를 수정하십시오.