html - CSS 页脚分隔

Question

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

Answer 1

您可以将页脚的高度放在主容器的底部填充。像这样的东西：

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

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

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

Answer 2

您可能在页脚上有一个白色背景，因为有一个透明的固定页脚必然会产生重叠问题。至于右下角的背景图像，只需包含一个z-index代码并将其一直推回，您就会在顶部拥有一切。