Картинка во всю ширину экрана без пробелов?

Question

[Кирилл Горелов]

Парни, поступила не легкая задача, по крайней мере для меня.
Нужно, то бы картинка 1600*1300 растягивалась по всему экрану монитора.
Легко:

body {
    background: url(images/sun2.png) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
   }

Но когда экран становится мобильным или начинает сужаться, внизу получаются пробелы, можно от них как-то избавиться?
Скорее всего можно, но картинка будет растягиваться и будет плохого качества.
Есть картинка и под мобильные устройства. Но как заставить эти картинки менять без белых краев по бокам и плавную смену, пока не могу сообразить.
Подкинете пару идей как это сделать?

Answer 1

[Stalker_RED]

background-size: cover Изображение покрывает всё, пропорции не искажаются, но лишние куски обрезаются.
Пример: jsfiddle.net/1n4dc6sk/embedded/result,css

Чтобы подключить особую картинку для мобильников используйте медиа запросы.