Динамическая верстка фона.

[КириллZ]

Мануал для Верстальщиков новичков.
В этом мануале я заставлю вас запомнить Одно чудное свойство Бекграунда.
Оно появилось совсем не давно. Но крупные фирмы уже вовсю им пользуются.
Сам пользуюсь этим свойством.
И так нам нужно сделать чтобы картинка 1600x1200 которая стоит на background Растагивалась под все маниторы.
Например под 1024 на 768, или 1920х1200. ну не суть, под любые. Можно даже на телефоне посматреть будет ))
Ведь раньше для этого нужен был большой java script который определял бы разрешение манитора и тратил трафик пользователей.
Но с приходом html5 в нашу жизнь, все изменилось =)
эту функцию поддерживает даже ie 8-9. и не каких js, и качество картинки не падает.)

Пример страницы с Резиновым Фоном.

BODY
{
    background:black url('../images/background.jpg') no-repeat;
    background-size: cover;
/*
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
*/
}

именно

background-size: cover;

Дало нам счастье.
спасибо что прочитали и надеюсь я открыл вам тайну Динамического фона =_)