2012-10-21 3 views
3

정말 이상한 문제가 있습니다. 나는 몸의 backgorund를 설정하기 위해 CSS를 사용하려했지만, 그것은 나를 허용하지 않는다. 태그 안에 간단한 HTML 태그를 사용할 때본문 배경 이미지가 CSS와 함께 표시되지 않습니다. 단

<body background="images/bg.jpg"> 

해당 작업! 내가 CSS이 사용하고 때 :

body { 
    background-image: url(../images/bg.jpg); 
} 

IT는 BG 이미지를 표시하지 않습니다.

모든 것이 정확합니다. 폴더를 확인하면 모든 것이 올바른 위치에 있습니다. 나는 Chrome과 Mozilla에서 이것을 시도했지만 어느 누구도 작동하지 않습니다.

제안 사항?

+1

는 별도의 파일에 CSS가 여기에서 찾을 수 있습니다? – Alex

+0

지정된 경로가 hss 파일이 아닌 css가 위치한 곳과 관련이 있다는 것을 잊지 마십시오. – fvu

+0

콘솔 오류가 발생합니까? 어쩌면 누락 된 자원에 대해? 내 생각 엔 ../images/ 경로가 정확하지 않다는 것입니다. – alonisser

답변

2

: 파일을 사용하는 경우

<style> 
    body { background-image: url('images/bg.jpg'); } 
</style> 

, css/main.css 말 :

body { background-image: url('/images/bg.jpg'); } 
:

body { background-image: url('../images/bg.jpg'); } 

다른 방법으로는 절대 경로를 사용할 수

이 예제에서는 이미지 디렉토리가 루트 웹 디렉토리에 있어야합니다.

+0

나는 그 (것)들을했지만 아무도 일하고 ​​있지 않습니다. 디렉토리가 좋고 파일도 좋으며 DW를 사용했고 이미지를 삽입 할 때 자동 완성 기능을 사용 했으므로 모든 것이 올바르게되어야하지만 작동하지 않습니다 :/ – user1406071

+0

다른 'body' 선언이 'background-image' 속성.HTML 속성 메소드가 CSS 속성보다 우선합니다. – Alex

1

url("./images/bg.jpg") 또는 url("/images/bg.jpg")을 시도해보십시오. 당신의 CSS 인라인 경우

+0

이들 중 어느 것도 작동하지 않습니다./ – user1406071

1

나는 정확히 같은 문제가 발생했습니다. 나는 모든 것을 시도했다고 생각했지만 ... 한 가지 더있었습니다.

첫째, 내 CSS의 경로는 다음과 같이 다음과 같이

assets/css/custom/main.css 

내 이미지 폴더 : 나는 다시 2 개 폴더를 가야했다 CSS를 사용하여 페이지 내 backround에 표시하기 위해

assets/img/bodyBackround.jpg 

. 내 페이지에서 예 : ../../ 수단이 다시 2 개 폴더를 이동

body{ 
    background: url(../../img/bodyBackround.jpg) repeat; 
} 

. 희망이 도움이됩니다.

자세한 내용은 그렇다면, 그것은 당신의 HTML 파일을 다른 디렉토리에, http://jeffreybarke.net/2013/06/paths-and-urls-relative-and-absolute/

관련 문제