使用 z-index 和 absolute 进行 CSS 定位

Question

我有这个测试 URL: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;
}