Как установить фоновое изображение на пустой div с отзывчивым CSS? - PullRequest
Новая
       30

Как установить фоновое изображение на пустой div с отзывчивым CSS?

0 голосов
/ 12 апреля 2019

Я установил ниже код для фонового изображения на пустом div, но он не отвечает. Я не хочу устанавливать фиксированную высоту. Есть ли другой способ сделать это? 

.flexslider .slides .page-hero {
    background-position: 50% 0%;
    background-image: url('https://simu.danoneactivia.co.uk/sites/EN_UK/files/carousel/final-Frontpage-Activia-banner.jpg');
}
.front .page-hero {
    overflow-y: visible;
}
.page-hero {
    background-color: #008b3c;
}
.page-hero {
    height: 535px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    position: relative;
    margin-bottom: 3em;
}
...