Jquery 具有长高度图像的响应背景

我有一张很长的图像，2263x8192像素。我想创建一个网站的背景（该图像），涵盖了窗口的宽度，但也与图像的完整高度，而不会失去响应

我们的想法是让这个长滚动图像以固定的高度分成不同的部分。就像一个有不同部分的登录页一样，但是我不希望每个部分都有不同的背景，我想要一个长的图像

有什么想法吗

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

JSFIDLE

---

jshiddle

请向我们展示您迄今为止所做的尝试。这个问题太模糊了。或者用图片告诉我们你在找什么让我做一把小提琴@FutureCakeso这个JSFIDLE到底有什么问题？请告诉我们你到目前为止都做了哪些尝试。这个问题太模糊了。或者用图片告诉我们你在找什么让我做一把小提琴@FutureCakeso这个jsfiddle到底有什么问题？但是我不想要固定的图片，它必须向下滚动所有image@AdriánVázquez我改变了答案这很好但是当我缩小窗口，页面底部有一个巨大的空白@Mikhail@AdriánVázquez hm.但我没有看到这个问题。我录制的视频太棒了！然后，我会检查我的电脑中的问题。但我不想要修复图像，它必须向下滚动所有屏幕image@AdriánVázquez我改变了答案，这很好，但是当我缩小窗口时，页面底部有一个巨大的空白@Mikhail@AdriánVázquez hm.但我没有看到这个问题。我录制的视频太棒了！然后我会在我的电脑里检查这个问题。

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