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

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

Картинка уходит выше, и ее не видно.
PS. Использую двойной background, вначале картинка, потом фон:
  • Вопрос задан
  • 364 просмотра
Решения вопроса 1
Tolly
@Tolly Автор вопроса
Высота блока постоянно разная, но я думаю увеличить высоту картинки на 20px.
Затем сдвинув картинку снизу на 20px. Можно будет увидеть 100% размер.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@qDanny
Верстальщик. Знания: HTML5+CSS3(+flexbox), SCSS
Если Вы хотите оттолкнуться снизу, чтобы поставить будущий текст в то положение, которое хотите, воспользуетесь этим:
padding-bottom: 20px;
Ответ написан
BormotunJedy
@BormotunJedy
Верстальщик
Если вам нужно свободное пространство под картинкой, то уменьшите саму картинку. Поскольку у вас два background, по-другому управлять размером не получится.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы