Background-image не работает

#html #css

                    
Здравствуйте! Свойство background-image не работает в файле css. 
Файл находится в папке css.
css/style.css
body {
 background-image: url(img/a.png);
}

index.html



 
 
 





Но в самом файле html свойство background-image работает. 



 
 
 





Подскажите, почему не работает, если я размещаю в в файле css?    

Ответы

Ответ 1

в css файле пропишите
body {
   background-image: url(../img/a.png); /* выходим из папки css на уровень вверх,
и заходим в папку img */
}


Ответ 2

Между тегами  у вас некорректно написана ссылка на файл CSS.
Ваш код должен выглядеть так:



    
    
    





Как видите вы не дописали type="text/css" в теге link.


Ответ 3

body {
   background-image: url(../img/a.png);
  }

http://htmlbook.ru/samhtml/ssylki/absolyutnye-i-otnositelnye-ssylki


Ответ 4

пол суток пробовал 

background-image: url(../img/a.png);

background-image: url("../img/a.png");


,а оказывается надо вот так

background-image: url('../img/a.png');


все заработало ;)


Ответ 5

Всем привет. Была такая же проблема: не работал backgrounf-image: url(link). Мучался
часа 2, перепробовал всё, любые модификации но проблема оставалась. Ошибка заключалась
в том, что не правильно был указан путь к картинке (файлу), и как не старался - ничего
не помогало. Потом, когда я начал думать что html и css - не моё, мне вдруг пришла
в голову мысль залезть в настройки. Я пользуюсь Notepad++ и обнаружил вот что: в пункте
"Путь по умолчанию" было отмечено "запомнить последнюю директорию", я переставил отметку
на "пройти за текущим документом", а в значении селектора background-image указал папку
и файл: background-image: url(images/1.jpg)
И все заработало.
Надеюсь, кому да поможет инфа.


Ответ 6

Судя по имени стиля вам нужен фон страницы. 
Если не работает, то проверьте правильный ли путь к картинке. то есть ../img/a.png
или /img/a.png
body {
    margin: 0;
    padding: 0;
        background: url("img/a.png") repeat scroll left top #FFFFFF;
        overflow-y: scroll;

    }


Ответ 7

Может помочь указания размеров картинки фона.

.image {
    background-image: url(img/a.png);
    width: 50px; /* ширина */
    height: 50px; /* высота */
}