как делают картинку на фоне сайта

Раньше сам не знал, как делают картинку на фоне сайта так, чтобы она растягивалась пропорционально высоте.

Когда еще только начинал делать сайты, для меня это было не совсем понятно, поскольку столько всего в свойствах «background»…

Код, который нужно вставить в CSS

background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
    -o-background-size: cover;
        background-size: cover;

Если подробнее…

• url(images/bg.jpg) — Ваша картинка.

• no-repeat — чтобы не повторялась.

• center (первое выравнивание) — положение картинки относительно оси y (center/top/bottom)

• center (второе выравнивание) — положение картинки относительно оси x (center/left/right)

• fixed — «заморозить» картинку, т.е. сайт всегда на ее фоне.

• background-size: cover; — тут начинается магия резинового фона.

Источник:

сама ссылка!!!