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

Как сделать картинку на всю высоту родительского блока при уменьшении view port'a высоты?

Как сделать так, чтобы абсолютно спозиционированная картинка .sliderBg-item была во всю высоту блока .container? Через скрипт, который я закоментил всё работает. Как сделать такое свойствами css? Пробовал устанавливать height: 100% container и min-height: 100vh .sliderBg-item результат один - картинка не накладывается на контент? Как такое поправить?

Пример
  • Вопрос задан
  • 63 просмотра
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
xakplant
@xakplant
Автор сайта xakplant.ru
На счёт css не знаю, но js подскажу. У меня есть библиотека https://github.com/xakplant/stickjaw подключаете и инициализируете как в инструкции.

Своему container даёте id а в атрибутах картинки пишите
data-proportion-targer-h="1" data-proportion-target="targetID"


targetID - это id который написали у container
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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