如何通过滚动覆盖另一个元素的元素？

Question

有关本网站的演示：

http://www.mojo-themes.com/item/esco-one-page-portfolio/demo/

正如您所看到的，当您慢慢向下滚动页面时，顶部视频不会上升，较低的白色区域开始覆盖视频。我尽力实现这一点，但我失败了，不知道怎么做？

Answer 1

将其设为position:fixed并将其z-index设置为-1

http://jsfiddle.net/gaby/jB3Fd/

演示

Answer 2

1. 将您的前景节点放在DOM中的后台视频节点之后。
2. 在背景视频元素上设置position: fixed，在前景元素上设置position: relative。

http://jsfiddle.net/97bCv/