фоновое изображение не работает

Question

У меня в HTML есть все, кроме background-image: '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

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

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

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

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

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

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

Answer 2

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

Answer 3

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

Answer 4

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