javascript - 如何使用 CSS 在静止背景图像上创建滚动窗口？

Question

对于你们中的一些 CSS 专家来说，这个问题应该很简单。至少我希望是这样。我只想知道实现此效果的 CSS 是什么样的:

http://www.nodeconf.com/

如果您滚动该页面，您可以看到他们是如何创建这个“狭缝”的，您可以滚动它来查看背景图像的不同部分。每个缝隙似乎都有不同的图像。我认为这真的很酷，但不知道如何实现类似的东西。这种效果需要使用 JavaScript 吗？如果是这样，做起来有多复杂？

Answer 1

看源码我觉得应该是这样的:

http://jsfiddle.net/WZm9Z/

html:

<div class="image-block" style="background:url(http://placekitten.com/1543/1024) no-repeat center center fixed;"></div>

CSS:

.image-block {
    width: 100%;
    height: 80px;
}