您有两个divs，一个divs，另一个在另一个是透明的。但是，当您滚动时，您希望底部的div在第一个透明div下隐藏。
您不希望第二个DIV的display:在第一个Div下方更改为none;。您只希望隐藏的部分。
我已经广泛搜索了一个答案：
1）在透明标题下隐藏滚动内容
2）滚动页面时透明固定位置在透明固定位置后面的可滚动内容
3）在透明标头div下方滚动主体
4）透明的静态标头希望在滚动时不会在标题下显示的文字
5）在固定的透明标头滚动背景下隐藏滚动内容
＃1-4答案使DIV在顶部background: inherit或background-image: url('background_image.jpg)'上。对我来说，问题是我的背景是一张照片，即当您向下滚动所看到的不同，而不是颜色或图案。随着真实背景的变化，透明div的"背景"需要改变。
＃5使用jQuery为此提供了解决方案，但是浏览器而不是Firefox的卷轴滞后存在可怕的问题。
伙计们，我该怎么做？
如果没有JavaScript，这将无法完成。为了使内容不通过透明层显示，绝不能完全渲染它 - 您需要使用overflow:hidden。问题在于，如果内容滚动到页面上，则无法修复内容的边缘。一个元素可以相对于视口或相对于页面而定位，但不能同时放置。