CSS定位与z-index和绝对

Question

我有这个测试网址：http://effectwave.com/test/responsive/viewport/index-test.htm 我正在尝试将内容部分（蓝色区域）覆盖在页脚区域。然后应该相应地推下它所说的“页脚内容”的地方。

我知道这可以通过z-index和绝对定位来实现。我试过它无济于事，我不是专家把它拉下来。有人可以帮忙吗？

Answer 1

以下是否符合您的要求？

.wrapper {
    position: relative;
    z-index: 10;
}
footer {
    margin-top: -430px;
}
.footer-content {
    padding-top: 440px;
}