2016-09-29 4 views
1

이 배경 이미지를 표시 할 수 없습니다. 헤더가 겹쳐져 배경에 나타납니다. ID 선택기를 사용하고 있습니다. 나는 문자 그대로이 책을 내가 수업 시간에 가지고있는 책에서 똑같이 복사했는데 전혀 작동하지 않는다.id 선택기의 배경 이미지가 나타나지 않습니다.

여기 내 코드입니다. 나는, 당신은 URL을 확인할 수 있습니다 또 다른 이미지를 잘 작동 브라우저에서

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title>Fall Nature Hikes</title> 
<style> 
#content { background-image: url(fall.jpg); 
background-repeat: no-repeat; 
margin-left: auto; 
margin-right: auto; 
width: 640px; 
height: 480px; 
padding-top: 20px; } 

h1 { background-color: #FFFFFF; 
opacity: 0.6; 
font-size: 4em; 
padding: 10 px; } 
</style> 
</head> 
<body> 
<div id="content"> 
<h1>Fall Nature Hikes</h1> 
</div> 
</body> 
</html> 
+0

background-image : ("fall.jpg"); – mlegg

답변

0

를 CSS 매우 새로 온 (fall.jpg) 경로가 맞다?

내가 확인
0

, 당신의 코드를 표시 할 수 있습니다 이 샘플을 볼 수 있습니다.

> https://jsfiddle.net/a9qm1j2t/ 

모든 HTML 및 CSS 소스 코드를 복사하기 만하면됩니다.

이미지 경로와 이미지 유형을 다시 확인하고 올바른지 확인해야한다고 생각합니다.

0

이미지 경로가 적절하지 않을 수 있습니다. 먼저 css 파일과 이미지 파일을 확인하십시오. 브라우저에서 코드를 검사하고 이미지 경로를 스타일로 확인하여 이미지 경로를 확인할 수 있습니다.