创造一个’地毯下’的视差页脚？
我在这个网站上提出问题时非常陌生，但是从阅读中学到了很多东西，所以非常感谢！
一点点随机，在这个页脚上看到这个令人敬畏的“地毯下”风格的视差效果 – 并寻找一些关于如何被敲掉的指针？
http://ideaware.co/our_work
任何帮助非常感谢！
满容易！ 创建一个绝对定位并且z-index低于主要内容的页脚。 把它放在你刚刚创建的div的css中：position：fixed。 另外不要忘记使内容div的高点更短，以便可以看到页脚。
祝好运！
太模糊了？ 请问，我会回答！
[编辑]：
小提琴的例子
对于示例，我将使用一个简单的HTML页面，其中包含两个divs 。 第一个是#content容器，第二个是#footer 。
//我在页脚中添加了一些文字，这样你就可以看到视差效果了
我在内容div添加了以下CSS ：
#content { width:100%; height:1500px; margin-bottom:200px; background-color:#123456; }
小心将margin-bottom属性设置为等于页脚height 。 否则你将无法看到#footer div。
页脚的css是：
#footer { position:fixed; bottom:0; left:0; width:100%; height:200px; z-index:-1; background-color:#000; }
请注意position设置为fixed的事实。 这将使#footer相对于窗口保持定位，而不是相对于文档。 我也设置了z-index:-1 。 我做到了，所以#footer将在#content之下。 如果删除此属性，您会注意到#footer将一直在#content ，并且视差效果会丢失。
是的！ 这是所有的了。
如果页脚没有固定的高度，可以使用（jQuery）：
var footerParaHeight = $(".footer").height(); $(".content").css("margin-bottom",footerParaHeight);
使用前面给出的CSS：
.content { /*margin being given from jQuery*/ } .footer { position: fixed; bottom: 0px; left: 0px; z-index: -1; }