静态页脚,附加和缩放重叠

我会作弊,让页脚包含重叠部分。然后将主要内容扩展到底部。(在这种情况下,左右两侧的线条。)

您的代码不需要拉伸——当浏览器调整大小时,视觉显示会产生拉伸的假象——这就是所需要的。

我已经用过 jQuery height() 非常成功。它返回计算出的高度,您可以在$(window).resize()或$(document).resize()事件中检查该高度。

再次阅读图表后,可能的HTML/CSS解决方案:

CSS

#footer { position: absolute; z-index:9999; background: url(...) no-repeat top center; height: (height of image); bottom: 0; left: 0; width: 100%; }

HTML

<div id="content"></div>
<div id="footer">This floats above everything else and remains at the bottom of the page.</div>

试试这个让我知道。