CSS页脚分隔

Question

我的页面上有一个固定页脚，它由文本组成，没有背景图片。我也有一个固定的背景图片，位于右下方。当我向下滚动页面时，我正在徘徊我可以做什么来防止我的内容与页脚和背景图像重叠。无论如何，当我滚动时填充它们之间的填充？

Answer 1

您可以将填充页脚的高度放到主容器中。类似这样的：

.footer { height: 150px; } 
.container { padding-bottom: 150px; } 

这将防止内容在固定页脚下。

编辑：这是小提琴 - http://jsfiddle.net/2KZyv/ 当您到达页面的底部时，由于容器底部的填充，页脚不在内容的顶部。

Answer 2

你可以在页脚上有一个白色背景，因为有一个透明的固定页脚必然会产生重叠问题。至于右下角的背景图片，只需包含一个z-index的代码，并将其推回到最上方，即可获得顶部的所有内容。