Задать вопрос
DZHAMBULAT-SAMOUCHKA
@DZHAMBULAT-SAMOUCHKA
Frontend разработчик
html

Почему background-image не растягиватеся на всю высоту контейнера и как это исправить?

Здрасте. Внизу есть фото на котором видно что background-image не растягивается на всю высоту контейнера (хотя задан background-size: cover). Я пробовал padding-ом решить проблему до какого-то момента, но при дальнейшем уменьшении размера экрана, мне приходилось увеличивать padding и затем образовывалась огромная пропасть между блоками.
651847fc1d84e695707213.png
  • Вопрос задан
  • 69 просмотров
1 комментарий
Подписаться Средний 1 комментарий
Решения вопроса 1
zalman2
@zalman2
Можно попробовать такие варианты:
background: url("../img/image.jpg") no-repeat center top/contain;
background: url("../img/image.jpg") no-repeat center center/cover;
background: url("../img/image.jpg") no-repeat center top / cover;
background: no-repeat top/100% url("../img/image.jpg");
background: no-repeat center/100% url("../img/image.jpg");
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать видио поздравления с субтитрами
21 нояб. 2024, в 21:30
500 руб./за проект
Разработка мобильного приложения с дополненной реальностью (AR)
21 нояб. 2024, в 20:14
200000 руб./за проект
Внедрить код Roistat
21 нояб. 2024, в 19:31
500 руб./за проект
Ещё заказы