Фоновое изображение не применяется к Div

Question

Я новичок в CSS, и я хотел добавить фоновое изображение в div следующим образом:

      <div class="col-4 customBack">  
</div>

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

      .customBack{
    background-image: url("img/shadow3.png") !important;
}

Но он не применяется к div и не показывает изображение в качестве фона!

Итак, как мне правильно показать этот фон ...

Answer 1

Это то, что вы хотите?

Answer 2

Вы должны добавить что-то в div

      <div class="col-4 customBack">
  <p>some text here for example</p>
</div>

Или вы можете инициализировать значение ширины и высоты

      .customBack{
    width: 250px;
    height: 250px;
    background-image: url("img/shadow3.png") !important;
}

Answer 3

Убедитесь, что они занимают некоторое пространство. Изображение может не отображаться, потому что оно не занимает места. Если он не занимает места, попробуйте добавить widthа также heightстили или добавление некоторого контента в div. Если изображение по-прежнему не появляется, попробуйте добавить background-size: cover;к .customBack. Также убедитесь, что путь изображения точен.

Если это не работает, попробуйте поделиться с нами codepen, тогда вам будет легче помочь.