멋진 이미지의 스타일 시트에 정의 된 배경 이미지가 표시되지 않습니다.

Question

이유는 모르지만 브라우저 (firefox)가 내 배경 이미지를 표시하지 않습니다. html로 출력하면 작동합니다.

제 편집자 : 숭고한 텍스트 2 저는 MAMP도 사용합니다.

내 CSS 코드 :

.home{ 
background-image: url('bg-img.jpg'); 
max-width: 100%; 
height: auto; 
width: auto\9; /* ie8 */ 
} 

당신이 나를 도와 드릴까요? 감사합니다

레미

Answer 1

다른 답변/의견은 올바른 방향에 있다고 생각합니다. 내 생각 엔 이미지가 스타일 시트의 오른쪽 상대 경로에 있지 않습니다. CSS 파일이 http://example.com/css/site.css과 같은 웹 루트 폴더에 있다면 브라우저는 배경 이미지를 http://example.com/css/bg-img.jpg ...에서 찾을 것입니다.이 파일은 꽤 이상한 곳입니다.

당신의 CSS에서 파일의 전체 경로를 넣어 ... 무언가를 같이보십시오 : (! 그리고 BG-img.jpg 실제로에서/이미지/물론 살고 있는지 확인)

.home{ 
background-image: url('/images/bg-img.jpg'); 
max-width: 100%; 
height: auto; 
width: auto\9; /* ie8 */ 
} 

을

나는 그 문제를 해결할 확률이 높습니다.

그렇지 않으면 브라우저에서 페이지를 열고 마우스 오른쪽 버튼을 클릭하여 "요소 검사"또는 이와 유사한 것을 선택하십시오. 그럼 당신은 주위를 파고 당신의 CSS가 당신이 기대하는 것처럼 보이는지, 당신이 어떤 404가 반환되는지 등을 볼 수 있습니다. 이것은 매우 빨리 문제를 이끌어 낼 것입니다.

모두 실패하면 다른 브라우저에서 사용해보십시오.

나는 이것이 숭고함과 관련이 있다고 생각하지 않습니다.

ps. 여전히이 문제를 해결하려면 질문을 수정하여 전체 CSS 파일과 HTML 및 실제 페이지 링크를 포함하십시오. 그게 어디의 그것을 찾고 있기 때문에

Answer 2

1 - 아마 당신 div.home 그것을 표시하는 빈 그렇게 충분하지 높이입니다. (예를 들어, 사용 높이 : 200 픽셀이 그것을보고)

2 또 다른 이유는 당신의 IMG에 대해됩니다 url. 그 이미지와 같은 폴더에 있다면 이걸 시도해야합니다.

.home{ 
background-image: url('images/bg-img.jpg'); 
max-width: 100%; 
height: auto; 
width: auto\9; /* ie8 */ 
} 

Answer 3

당신이 숭고한에 배경 이미지를 추가하려면 ...

body { 
    font-family:arial, helvetica, sans-serif; 
    font-size: 10px; 
    background-image: url(../images/background.gif); 
}