我有兴趣模拟这里看到的背景效果:(Link) .基本上它是一个静态背景,顶部有滚动内容,但页面上的每个“窗口”部分都有不同的背景。见下文:
进一步向下滚动:
我最初的想法是只有一个巨大的静态背景,每个“窗口图像”垂直堆叠在一起,然后在顶部有透明背景的 div,但这似乎是错误的。
我怎样才能重现这种效果?
最佳答案
一般来说:
- 为顶部栏使用
fixed
CSS 定位(如上所述) - 为您的前景容器提供比背景容器更大的
z-index
- 通过将某些部分的
不透明度
设置为0
,使某些部分的背景“不可见”
您需要尝试调整背景图像和前景容器的宽度,以确保一切正常。祝你好运!
关于jquery - 顶部有滚动内容的静态背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16473948/