Javascript 使用非'；背景

我正在尝试创建一个滚动效果，最好不要使用javascript（仅CSS），但我知道如果不可能，只需探索选项

我的页面如下所示：

当向下滚动时，我希望背景图像具有类似视差的效果，当身体的背景和框架在周围移动时保持静止

下面是要使用的代码示例：

HTML

---

如果图像是身体的背景，我可以看到它是如何工作的，但由于它位于身体顶部，我有没有办法操纵它以获得类似的视觉效果？

将.image bg类更改为：

.image-bg{
     background:url('http://i.imgur.com/7cM1oL6.jpg') fixed;   
    height:400px;
        background-size:cover;
}

这将防止图像滚动

---

更新的fiddle:

将您的.image bg类更改为：

.image-bg{
     background:url('http://i.imgur.com/7cM1oL6.jpg') fixed;   
    height:400px;
        background-size:cover;
}

这将防止图像滚动

---

更新的fiddle:

将您的.image bg类更改为：

.image-bg{
     background:url('http://i.imgur.com/7cM1oL6.jpg') fixed;   
    height:400px;
        background-size:cover;
}

这将防止图像滚动

---

更新的fiddle:

将您的.image bg类更改为：

.image-bg{
     background:url('http://i.imgur.com/7cM1oL6.jpg') fixed;   
    height:400px;
        background-size:cover;
}

这将防止图像滚动

更新小提琴：