Невозможно отобразить фоновое изображение - PullRequest
Новая
       34

Невозможно отобразить фоновое изображение

0 голосов
/ 29 февраля 2020

У меня есть следующее div: 

<div class="col-lg-5 ml-lg-auto">                            
    <div class="image-container">
        <img class="table-img" src="/img/home.png" alt="">
    </div>
</div>

По сути я хотел бы отобразить фоновое изображение в .image-container, поэтому я создал следующий класс: 

.image-container {
    height: 100%;
    width: 100%;
    background-image: url(../img/car.png);
}

структура папок выглядит следующим образом: 

/ source
    / img
    / css

, когда я проверяю .image-container, я получаю правильный URL-адрес, и когда я открываю его в новом окне, я вижу файл, даже если я определенно здесь background-image: url('https://somesite.com/image.png'); изображение в контейнере отображается, поэтому кажется, что это относительная проблема с URL, но я не вижу проблемы здесь.

1 Ответ

2 голосов
/ 29 февраля 2020

Скорее всего, проблема в height настройке .image-container: это 100%, но 100% чего? Если родительский контейнер не имеет определенной высоты, а сам div не имеет содержимого, его высота будет равна 0, поэтому вы ничего не увидите. Чтобы попробовать, если это применимо, установите height на фиксированное значение пикселя. Если затем вы видите фоновое изображение, проблема определенно в настройке height.

...