@Drovosek01

Как убрать белое пространство под фоном у контейнера?

Пробую делать parallax эффект на html и css.
Если сделать у картинок
background-size: cover;
То всё норм, кроме того, что если уменьшить ширину окна то картинка обрезается.
Если выставляю картинкам
background-size: 100%;
background-repeat: no-repeat;

То видно всю картинку в независимости от ширины, но внизу под каждой картинкой есть пустое белое пространство.
Хотелось бы, чтобы вместо этого пустого белого пространства "подступала" следующая картинка.

Вот код:
https://codepen.io/Drovosek/pen/WaOvYX
  • Вопрос задан
  • 454 просмотра
Пригласить эксперта
Ответы на вопрос 1
lambesis
@lambesis
Слабоумие и отвага!
На счет белой полоски: она появляется из-за того что .slide растягивается и на всю ширину, и на всю высоту экрана, а фон при этом позиционируется по широте (background-size: 100%;). Картинке просто высоты не хватает чтобы заполнить оставшееся место. Вы правильно использовали background-size: cover. Одна из сторон в любом случае будет обрезаться если вам принципиально нужен параллакс на все окно, но вы можете управлять этим.

В этом примере картинки занимает все доступное пространство, но их пропорции зависимы от высоты экрана.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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