배경 이미지가 작동하지 않는 이유는 무엇입니까?

Question

나는 이것을 며칠 동안 풀려고 노력했다. 내 배경 이미지가 보이지 않지만 이미지 크기 (공백)는 나타납니다. 여기 HTML 내 코드입니다

<div id="contact"> 
<p>Let talk! contact us via e-mail, phone or text coming soon</p> 
</div> 

CSS 또한

#contact{ 
background-image: url("C:\Users\omar\Pictures\notaryweb/redphone.JPG"); 
width: 100%; 
height: 105%; 
background-repeat: no-repeat; 
} 

이 문제를 확실하지만

body{ 
background-color: #dddddd; 
} 

내 CSS를 시트의 시작 부분에서

, 그리고 배경 이미지를 가지고 있지 "몸"에있다. 모든 도움을 주셔서 감사 드리며 매우 자세한 답변을 선호합니다.

Answer 1

당신이 당신의 html 파일 ... 2 일

#contact{ 
background-image: url("C:\Users\omar\Pictures\notaryweb\redphone.JPG"); 
width: 100%; 
height: 105%; 
background-repeat: no-repeat; 
} 

사용이 당신의 실수는 저장의 경우 두 가지 ........ 1 일 이미지의 위치를 ​​변경하고 저장을 할 수 슬래시를 사용하면 역 슬래시가됩니다.

Answer 2

경로에 file:///을 사용해야합니다. 아래처럼

background-image: url("file:///C:/Users/omar/Pictures/notaryweb/redphone.JPG"); 

또한 파일이 존재하는지 확인하십시오.

Answer 3

당신이 만들고있는 슬래시 실수 슬래시를 다시 넣어주십시오 "\"

잘못된 : URL ("C : \ 사용자 \ 오마르 \ 사진 \의 notaryweb/redphone.JPG") 올바른

: URL ("C : \ Users \ omar \ Pictures \ notaryweb \ redphone.JPG")

이 경로에서 사진을 사용할 수 있는지 확인하십시오.

Answer 4

항상 웹의 컨텍스트 경로에 이미지를 유지하는 것이 좋습니다. 웹에 이미지 폴더를 만들어 사용하는 것이 좋습니다. 이렇게하면 슬래시를 백 슬래시로 바꾸지 않아도됩니다.

Answer 5

C : \ Users \ omar \ Pictures \ notaryweb/redphone.JPG를 C : \ Users \ omar \ Pictures \ notaryweb \ redphone.JPG로 변경해야합니다.

또한 height: 105%을 백분율에서 height: 105px으로 변경해야합니다.