background-image not working

Question

У меня это в моем HTML все работает, кроме фонового изображения: 'images/Header.jpg'; Вместо этого я вижу серый цвет в заголовке, но не изображение .. Я попытался удалить серый цвет, но все еще не видите изображения ...

#outerWrapper #header { 
border-bottom: solid 1px #628152; 
font-size: 18px; 
font-weight: bold; 
line-height: 15px; 
height: 115px; 
background-color: Grey; 
background-image: url('images/Header.jpg'); 

Как я могу сделать эту работу .. пожалуйста, помогите .. спасибо

Answer 1

Посмотрите на свою страницу с Firebug для Firefox. Возможно, вы не загружаете изображение должным образом. Если это будет проблемой, вы также сможете играть с помощью css.

Answer 2

Попробуйте изменить URL для '' /images/Header.jpg

Answer 3

Конечно вы нуждаетесь в 'символ? И, возможно, он чувствителен к регистру, и у вас есть ошибка в URL. Возможно background-image:url(images/header.jpg);

Answer 4

Каков путь вашего CSS-файла и путь к изображению?

Необходимо учитывать, что при использовании url() в CSS, путь относится к файлу CSS, а не по запрашиваемой странице.

Представьте, что вы имеете следующие файлы:

/website/index.html 
/website/templates/main.css 
/website/images/header.jpg 

чем CSS должны быть:

.style{background-image:url(../images/header.jpg);} /* Noticed "../"? */