Responsive Hintergrund mit einer langen Höhe Bild

Question

Ich habe ein wirklich langes Bild, 2263 x 8192 Pixel. Ich möchte eine Website mit einem Hintergrund (dieses Bildes) erstellen, der die Breite des Fensters, aber auch die gesamte Höhe des Bildes abdeckt, ohne die Reaktionsfähigkeit zu verlieren.

Die Idee besteht darin, dieses lange Scroll-Bild in verschiedenen Teilen mit einer festen Höhe zu haben. Genau wie eine Zielseite mit verschiedenen Abschnitten, aber anstatt unterschiedliche Hintergründe für jeden Abschnitt zu haben, möchte ich ein langes Bild.

Irgendwelche Ideen?

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%;