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

Question

我正在为簿记服务设计网站:

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

整体“外观”应该是桌面吸墨纸。一切都在全面正确呈现，但我遇到了一个问题。

我试图让主要内容区域(“桌面记事本”)与顶部和底部边框重叠。

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

我的“桌面记事本”位于 #container 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;
}

如果您在那里有任何其他内容，您可能希望在页脚顶部添加一些填充。