如何让一个div重叠另外两个div？

Question

我有一个网站设计，我正在为一个记账服务：

http://digitaldemo.net/vintage/home.html

整体的“外观”应该是一个桌面吸墨纸。所有的渲染都是正确的，但是我有一个问题。

我正在尝试让主要内容区域(“桌面吸墨纸”)重叠在顶部和底部的边界。

整体页面背景是无缝平铺图像(浅棕色/金色)，然后顶部边框是DIV (#section-head)，其背景是半透明的PNG，底部边框DIV (#section-foot)也具有相同的半透明背景。

我的“桌面吸墨纸”在一个#容器DIV中，它使用下面的CSS来覆盖顶部边框：

#container  { clear:both ;
width:1002px ;
margin:auto ;
background:url("images/paper-bg.jpg") ;
min-height:600px ;
position:relative ;
top:-40px ;
-webkit-box-shadow: #0e0300 0px 0px 14px;
-moz-box-shadow: #0e0300 0px 0px 14px;
box-shadow: #0e0300 0px 0px 14px;
behavior: url("PIE.htc");
z-index:1000 ;
}

这一切都运行得很好。问题是，它强制在#container DIV的底部形成一个与-40px顶部位置相等的间隙。

所以有两个问题：

我怎样才能消除这个空白；b.我怎样才能让“桌面吸墨纸”也覆盖底部的边框？

非常感谢！

Answer 1

我不确定我是否完全理解了，但是为了让吸墨纸与页脚重叠，你可以添加这个css：

#section-foot {
    position: relative;
    top: -80px;
}

从这里开始，你可能想要在页脚的顶部添加一些填充，如果你在那里有任何额外的内容。