2016-09-29 3 views
1

Я не могу получить это фоновое изображение. Он должен появиться в фоновом режиме с перекрытием заголовка. Я использую селектор id. Я буквально скопировал это прямо из книги, которую у меня есть для своего класса, и это совсем не работает.Фоновое изображение в селекторе id не отображается

Вот мой код. Я очень новой для CSS

<!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

В браузере работает право на другое изображение, вы можете проверить URL (fall.jpg) путь является правильным?

0

Я проверил ваш код может показать image, вы можете увидеть этот образец:

> https://jsfiddle.net/a9qm1j2t/ 

Это просто скопируйте все ваши исходные тексты html и css.

Я думаю, вам нужно снова проверить путь к изображению и тип изображения, и убедитесь, что это правильно.

0

Возможно, ваш путь к изображению не является правильным. Сначала проверьте, где находится ваш файл css и файл изображения. Вы можете проверить свой путь изображения, проверив свой код в браузере и в стиле проверьте свой путь изображения.

 Смежные вопросы

  • Нет связанных вопросов^_^