CSS를 사용하려고 할 때 이미지가 표시되지 않는 이유는 무엇입니까?

저는 HTML과 CSS에 매우 익숙합니다. 배경 이미지를 설정하려고하는데 아무 것도 작동하지 않습니다. 내 html 파일이있는 폴더를 만들었고 이미지의 속성에 표시된대로 직접 경로를 사용해 보았습니다. 내가 시도한 것은 아무것도 없었다. 나는 많은 지시 사항을 읽었으며, 온라인으로 비디오를 보았습니다, etc, 등등. 저는 누군가가 저를 도울 수 있기를 바랍니다! 그것은 매우 단순 해 보이고 작동하는 데 많은 어려움을 겪고 있습니다. 다음은 내가 모든 것을 가지고있는 방법입니다.CSS를 사용하려고 할 때 이미지가 표시되지 않는 이유는 무엇입니까?

<html> 
<head> 
<style type="text/css"> 
body {background-image:url ("C:/Users/owner/Desktop/site files/images/grass.jpg");} 




</style> 




</head> 



<body> 





</body> 
</html>

출처

2012-05-06 brian2473652012

/현재 dirrectory

../ 하나 dirrectory는 파일를 앞에 시도 : // 그리고 당신이 OPE 경우에만입니다 로컬 컴퓨터에서 html 문서를 찾습니다. – JoshRoss

아마도 로컬 URL과 관련이 있습니다. 코드로 이미지를 놓고 상대 경로를 사용하십시오.

<style type="text/css"> 
    body { 
    background-image: url("../images/grass.jpg"); 
    } 
</style>

주 : 나는 또한 공백이나 다른 비 전통적인 파일 이름 문자를 방지 할 수있는 방법을 보시기 바랍니다. 이 소리

출처

2012-05-06 02:56:32

으로 바보, URL과 사이에 공간이 없을 때 그것은 나를 위해 일한 (나는 또한이 형식에서 발생한다 브라우저에서 원하는 이미지를 여는 ("file:///C:/Users/user/Desktop/face.jpg"처럼 뭔가 파일 링크를 변경

내가 당신에게 다음 조언을 줄

출처

2012-05-06 02:59:27

주소 표시 줄) :

1), 신체 내부에 무언가를 추가 할 페이지 비어 있지

<body>Some text</body>

2) 경로의 이름에 빈 기호 (공백)가있는 폴더가 있습니다 - 문제 일 수 있습니다!

나는 당신의 HTML 파일과 같은 폴더에 배경 이미지를 배치하고 경로를 같은 방식으로 작성하는 방법을 조언 것 : 경로에 사용할 수 있습니다

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

공지 사항 특별한 징후 :

합니다. URL에 어떤 프로토콜이 없습니다까지

출처

2012-05-06 02:59:40 DaneSoul

CSS를 사용하려고 할 때 이미지가 표시되지 않는 이유는 무엇입니까?

답변

관련 문제