Как растянуть background на всю высоту сайта (body)?

Question

[EvgenyBalalaev]

Здравствуйте.

Есть картинка с высотой 2К пикселей.
Мне нужно поставить эту картинку на бэкграунд всего сайта, то есть всего "боди".
Как это сделать? height, min-height и т.д. не помогают.

Знаю, что body наследует высоту html (ну или как-то так)...пробовал создать внутри "боди" глобальный див, не помогло. Фон подстраивается под высоту первого экрана, а точнее вьюпорта браузера...а тянуться не хочет.

Подскажите, как решить задачу?

Спасибо.

Answer 1

[alvvi]

body {
  background-image: url('/path/to/image.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

Comments

[Артур Шаров]

Илья помоги мне с моим вопросом Почему скрипты не подключаются в файле gulpfile.js?

[EvgenyBalalaev]

Здравствуйте, Илья.

Пробовал, сейчас снова попробовал, увы, но не помогает.
Всё так же, растягивается только на высоту вьюпорта и не более.

[alvvi]

EvgenyBalalaev: значит у вас height body - это высота вьюпорта, другого объяснения быть не может.
https://jsfiddle.net/1ndxaogq/ вот рабочий пример, показывайте свой проблемный, посмотрим