Question

我正在尝试对我刚刚制作的设计进行编码：http://www.richardhedges.co.uk/brlan/design.jpg

我几乎完成了编码，但我唯一不知道怎么做的是页脚与主要内容重叠。我想要它做的是滚动内容。（就像在Facebook消息上一样）

页脚只是一个没有任何内容的div：

<div class="footer"></div>

这是样式表：

div.footer {
    width: 980px;
    height: 114px;
    float: left;
    background-image: url(../images/footer.png);
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

我需要创建一个新的div，我将其中包含内容（如design.JPG中所示），但它必须在页脚中的PNG图像“后面”。我完全不知道我是怎么做到的 - 我为无知而道歉。

Answer 1

div#footer {
    position: absolute;
    bottom: 0px;
    z-index: 9001;
}
div#content {
    position: relative;
}

Answer 2

在页脚div上使用绝对定位和更高的z-index，而不是它在前面的那个。

div前面的div'？

2 个答案: