Что делать css изображение?

Question

[holfizz]

Вообщем вопрос максимально простой но эта просто не решаеться.
Я начал версать сайт и решил привязать изображение к <div class="background-img"></div>
в css записал

.background-img{
    background: url(../img/content.png);
}

пробовал в кавычках и без, путь верный 100%
нечего не работает но только я запишу это же код

body{
    background: url(../img/content.png);
}

в body все работает но в классе div нет, также пробовал background-image тоже не верно
возжожно background нельзя применять к класам div и т.д обесните пожалуйста)))

Comments

[MrColdCoffee]

попробуйте добавить к стилям класса background-img

background-size: cover;
background-position: center;

Answer 1

[ThunderCat]

Вангую что у вас просто дивы схлопываются из-за отсутствия контента и неуказанного размера.

Comments

[holfizz]

а тоесть что мне нужно изменить

[ThunderCat]

Сергей Горлачев, Задать размеры дивам, ну или чем-то их наполнить ) От задачи зависит.

Answer 2

[Сергей delphinpro]

.background-img{
   background: url(../img/content.png);
+  height: 200px;
}

Answer 3

[Герман Зуяков]

.background-img{
background: url(../img/content.png);
height: 200px;
width: 200px;
background-size: cover;
background-repeat: no-repeat;
}