Не отображаются картинки?

Question

[Aleks Kirilov]

Не отображаются картинки, когда прописываешь их через style="..."
Только если напишешь в recipes-item какой-либо текст, то картинка становиться видна.
Вот код:

<div class="recipes-container">
          <div class="recipes-item" style="background-image: url(img/recipes-img1.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img2.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img3.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img4.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img5.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img6.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img7.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img8.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img9.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img10.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img11.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img12.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img13.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img14.jpg)"></div>
          <div class="recipes-item" style="background-image: url(img/recipes-img15.jpg)"></div>
        </div>

Comments

[r_mustang]

у пустых блоков нет ширины и высоты, поэтому ничего и не видно

[Andrew]

перед жаваскрыпом сиэсэс поучите.

[ThunderCat]

Только если напишешь в recipes-item какой-либо текст, то картинка становиться видна.

Магия йопт... Пользуйтесь инструментами разработчика в любом современном браузере, и сразу все будет понятно.

PS: Тэгов много не бывает?

Answer 1

[DmitrijP]

Не отображается так как размер вашего контейнера 0px на 0px. (дивы то пустые)