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顶部定位。

所以有两个问题：

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

非常感谢！

Answer 1

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

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

如果您有任何其他内容，可以从这里添加一些填充到页脚顶部。

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

1 个答案: