一个div"面前"的div？

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;
}