Задать вопрос

Как в background сделать отступ снизу, но чтобы картинка отображалась полностью?

Как сместить картинку снизу на 20px, но чтобы картинка отображалась полностью?
Например вот так:
background-position: bottom 20px center;
background-size: contain;

Картинка уходит выше, и ее не видно.
PS. Использую двойной background, вначале картинка, потом фон:
  • Вопрос задан
  • 995 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Tolly
@Tolly Автор вопроса
Высота блока постоянно разная, но я думаю увеличить высоту картинки на 20px.
Затем сдвинув картинку снизу на 20px. Можно будет увидеть 100% размер.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
BormotunJedy
@BormotunJedy
Верстальщик
Если вам нужно свободное пространство под картинкой, то уменьшите саму картинку. Поскольку у вас два background, по-другому управлять размером не получится.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы