@asqwerty

Адаптивный фон блока?

У меня есть блок с высотой 650px и max-height: 650px. У него задано свойство background-image
background-image - это картинка с высотой 850px.
Первые 650px в картинке - это обычное изображение, а следующие 200px - это "добавочное" изображение, которое должно быть видно только, если блок сужается, т.к. у блока background-size: contain;
Но при добавлении этой картинки на фон блока "добавочные" 200 пикселей почему-то показываются (даже если блок не сужен), хотя max-height у блока 650px, а высота картинки 850.
Мне нужно, чтобы изначально в блоке было только первые 650px картинки, а при сужении должны показываться остальные 200px (т.к. background-size: contain). Пробовал overflow: hidden, не работает
  • Вопрос задан
  • 70 просмотров
Решения вопроса 1
@asqwerty Автор вопроса
Решил заменой contain на cover
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Yargrinders
попробуй JS Скрипт от ФПЖ
Очень удобная штука, иногда даже лучше cover
Ссылка на скрипт
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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