0

我正在为簿记服务进行网站设计：

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

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

我试图让主要内容区域（“桌面吸墨纸”）与顶部和底部边框重叠。

整个页面背景是无缝平铺的图像（较浅的棕色/金色），然后顶部边框是 DIV（#section-head），其背景是半透明 PNG，底部边框 DIV（#section-foot）有同样的半透明背景也是如此。

我的“桌面吸墨纸”位于#container DIV 中，该 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 顶部位置的间隙。

所以两个问题：

一个。我如何摆脱这个差距；湾。如何让“桌面吸墨纸”也与底部边框重叠？

非常感谢！

4

1 回答 1

0

我不确定我是否完全理解，但要让吸墨纸与页脚重叠，您可以添加以下 CSS：

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

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

于 2012-08-06T22:42:54.543 回答