배경 이미지가 온라인에 표시되지 않습니다.

Question

Arg, 힘들어 지네요!

스택 오버플로에 대한 해결책 중 어느 것도 저에게 효과적이지 않으며, 왜 background-image이 보이지 않는지 잘 모릅니다!

나는 이것을 background-color으로 주었고 정상적으로 작동했습니다. 오프라인으로 background-image을 볼 수는 있지만 내 사이트를 업로드하면 사라집니다. 이미지의 경로를 입력하면 표시됩니다. 그래서 거기에 있습니다.

http://stilld.nl/2014/

어두운 파란색 영역에서 내 로고가 있어야한다 :

이

는 사이트입니다.

#fade-it{ 
    background: url('../images/branding.png'); 
    margin-left: auto; 
    margin-right: auto; 
    display: block; 
    width: 408px; 
    height: 500px; 
    opacity: 1; 
    position: relative; 
    overflow: hidden; 
    z-index: 2000; 
} 

어리석은 높은 z-index을 시도했습니다. 나는 opacity: 1을 시도했다. 아무것도. 나는 display: block을 시도했다. 아무것도. 나는 수천 번 경로를 확인했다. 나는 background:과 background-image:을 사용했습니다. 아직 아무것도.

여러분이 도와주세요.

Answer 1

branding.png 파일이 라이브 서버에 없습니다. 위치를 확인하고 다음을 확인하십시오.

• 파일은 올바른 위치에 있습니다.
• CSS가 올바르게 참조하고 있습니다. http://stilld.nl/2014/images/branding.png : 참고로

, 당신의 CSS는 현재까지를 설정하는 방식, 그것은 현재 이미지를로드하려고 시도.링크를 클릭하면 404 '찾을 수 없음'오류 페이지가 표시됩니다.

Answer 2

제공하신 경로가 배포 된 사이트와 일치하지 않는다고 생각합니다.

background: url('./images/branding.png'); 

대신

background: url('../images/branding.png'); 

이이

Answer 3

당신은 이미지를 오른쪽 폴더에있는 URL 당신 '을 기준으로 확인해야 작동 할 수 있으므로 이미지 경로를주는 시도 다시 사용하십시오.

../images/image.jpg은 "하나의 폴더로 이동하여"이미지 "라는 폴더를 찾고 내부에"image.jpg "라는 이미지를 사용한다는 것을 의미합니다.

./images/image.jpg는 "이 현재 폴더와라는 이미지 사용"이미지 "라는 폴더를 찾을 수"가 image.jpg을 의미한다 ".

/images/image.jpg 수단 폴더를 찾아, 루트 폴더로 이동"이미지 "를 사용하여"이미지를 .JPG "

편집 :. 그것을 발견 귀하의 이미지/2014/이미지에/지금 당신이이 2014 폴더 안에 images 폴더를 찾을 수 있도록 노력하고 당신이 설정 할 수있는 일... 경로 : /2014/images/branding.png