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

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

Здрасте. Внизу есть фото на котором видно что background-image не растягивается на всю высоту контейнера (хотя задан background-size: cover). Я пробовал padding-ом решить проблему до какого-то момента, но при дальнейшем уменьшении размера экрана, мне приходилось увеличивать padding и затем образовывалась огромная пропасть между блоками.
651847fc1d84e695707213.png
  • Вопрос задан
  • 64 просмотра
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 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать приложение на Unity под Android с подключением к Firebase
04 мая 2024, в 14:37
30000 руб./за проект
Доработка модуля торгового каталога Битрикс Аспро
04 мая 2024, в 14:30
20000 руб./за проект
Lottie анимация - прелоадер на сайт
04 мая 2024, в 14:12
3500 руб./за проект
Ещё заказы