Отзывчивый фон с длинной высотой image

Question

У меня очень длинное изображение, 2263 x 8192 пикселей. Я хотел бы создать веб-сайт с фоном (этого изображения), который покрывает ширину окна, но также и с полной высотой изображения, не теряя отзывчивости.

Идея состоит в том, чтобы иметь это длинное прокручиваемое изображение, разделенное на разные части раздела с высотой фиксации. Точно как целевая страница с разными разделами, но вместо того, чтобы иметь разные фоны для каждого раздела, я хочу длинное изображение.

Любые идеи?

Answer 1

body { 
    width: 100%; 
    height: 100%; 
    background: url('http://i.imgur.com/WfkIpCq.jpg') no-repeat; 
    background-size: cover; 
    color: #fff; 
} 

JSFiddle https://jsfiddle.net/f1zu318n/

Answer 2

margin-top:0; 
margin-left:0; 
margin-right:0; 
width:100%;