배경 이미지가 이미지를 렌더링하지 않습니다.

Question

내 페이지를 배경 이미지로 설정하려고했지만 예상 한대로 작동하지 않았습니다. 코드는 다음과 같습니다.

body 
{ 
    background-image: url("sf.jpg"); 
    background-repeat: no-repeat; 
    background-size: 100%; 
    font-family: "Kozuka Gothic Pro", Avenir, sans-serif; 
} 

여기에 무엇이 잘못되었는지 궁금합니다. 미리 감사드립니다. 참고 : 이미지는 내가 실행중인 파일과 동일한 폴더에 있습니다.

Answer 1

Demo

코드에서 그냥 작은 변화.

body { 
     background: url("http://i.stack.imgur.com/DUYP4.jpg?s=128&g=1"); 
     background-repeat: no-repeat; 
     background-size: 100%; 
     font-family: "Kozuka Gothic Pro", Avenir, sans-serif; 
    } 

Answer 2

사촌 배경의 크기가 커버 할 수 또는 포함, 대신 배경 이미지 및 모든 배경을 사용할 수 있습니다 (100)이 될 수 없습니다, 배경-크기를 사용 : 그것은 작동 다루

몸 {

배경 : url (이미지 경로);

background-size : 표지;

너비 : 100 %; 당신이 더블 탭 들여 쓰기 다시 탭에서 모든 것을 가지고있는 것처럼

// 및 기타 필요한 코드 은}

Answer 3

보인다.

Answer 4

이미지 권한을 777로 변경하면 이미지가 올바르게 표시됩니다.