Мое фоновое изображение не загружается без значения пикселя для высоты

Question

Я пытаюсь загрузить изображение в качестве фонового изображения в качестве адаптивного фонового изображения. но изображение не загружается. вот мой код CSS Путь к изображению правильный

.cover{
    height: auto;
    width: 100%;
    background-image: url(../img/cover.jpg);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}

Answer 1

Если div не имеет содержимого, его высота будет 0px, поэтому background image не отображается.Попробуйте дать высоту как 350px скажем или 100vh.Вы можете проверить высоту div, задав border .Ref this Почему фоновое изображение не отображается без определенной ширины и высоты? для более подробной информации, надеюсь, это поможет