两个固定的div，在滚动时隐藏它们

Question

我有麻烦的麻烦问题。

有两个div。当它们交替滚动时，它们都应该隐藏在背景中。背景2有一张固定的照片，如果你想要更多的信息。

在照片的下面，绿线是顶部div结束的位置，例如height: 500px;和照片下开始揭示固定的背景。

如果我使用z-index结果......类似的东西： http://www.optical-illusion-pictures.com/images/stairs.jpg

的背景有位置50% 0如果这可以帮助你和该网站是在中间的中心。我虽然要将背景分成两个对象，并给出不同的Z指数。

整个感觉是顶部div看起来像顶部背景的一部分，底部div看起来与底部背景相同。

的jsfiddle：http://jsfiddle.net/ddl449/vacFm/ 麻烦仍然是红色框始终可见。

Answer 1

2背景不可能。你需要用一个与第一个位置相同的位置来伪造它，但是不够宽，不能穿过蓝色框。

.bg1,.bg3{ 
    height: 500px; 
    width: 100%; 
    background: whitesmoke; 

} 
.bg3{ 
    width:50%; 
    position:absolute; 
    top:0; 
    z-index:300; 
} 

我更新你的jsfiddle ... http://jsfiddle.net/vacFm/3/