Как растянуть фон для body?

Question

[Дмитрий Анисимов]

Нужно растянуть фон во весь экран без его обрезания

Comments

[WapSter]

Без отрезания только с деформацией, что не очень хорошо выглядит.

Answer 1

[Павел Куноф]

Если нужно сохранить пропорции изображения, то без отрезания никак не обойтись.
А если пропорции не важны, то просто background-size: 100% 100%;

Answer 2

[Malkolm]

а вот еще способ интересный чтобы фон не "дублировался", а растягивался на весь экран и оставался статичным (то есть не прокручивался с контентом)

body:after{
    background: url(path/to/image);
    background-size: cover;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: '';
    z-index: -1;
}

создается псевдоэлемент, но он висит под всеми элементами, растягивается на весь "видимый экран" и дает фон. Все элементы что "над ним" конфликтовать не должны.

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