Вот простой работающий метод css only.
body {
background-image: url(image.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
-o-background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-khtml-background-size:cover;
background-size: cover;}
img{border:0;}
Значение – Задает размер в любых доступных для CSS единицах — пикселы (px), сантиметры (cm), em и др.
Проценты – Задает размер фоновой картинки в процентах от ширины или высоты элемента.
auto – Если задано одновременно для ширины и высоты (auto auto), размеры фона остаются исходными; если только для одной стороны картинки (100px auto), то размер вычисляется автоматически исходя из пропорций картинки.
cover – Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.
contain – Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.