Html 固定页脚隐藏上面的文本

我正在建立一个网页，我需要在页面末尾的页脚被固定在页面中。i、 当我滚动到页面底部时

CSS:

但是浏览器中的结果是错误的。页脚隐藏了上面的文字

我怎么能这样显示呢

在出现文本的主要内容中添加边距botom可以解决此问题。页边距底部的值将等于页脚的高度

---

勾选此项。

如果你想要一个粘性的页脚，你需要给你的页脚指定高度，然后用这个高度作为你身体的垫底

例如：

body { padding-bottom: 120px; }

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height:120px;
}

---

更改页脚的z索引。具有较大z索引的元素始终位于具有较低索引值的元素的前面

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height:120px;
    z-index:10;
}

并且有很好的z索引和堆栈排序的插图。 另外，在内容中添加一些填充物，使其看起来很好

---

干杯

把你的HTML、CSS和任何相关的JS放在一把小提琴上。也许可以在正文、内容或你在那里使用的一些标签上添加一些边距/填充底部：height-of-you-footer.px@ArinCool为您的页脚位置设置了一个很好的点：绝对。我使用了边距底部，现在看起来很好。谢谢你们！与论坛网站不同，我们不使用感谢、感谢的帮助或签名。看见顺便说一句，这是“提前感谢”，而不是“提前感谢”。我使用图像块作为背景页脚。如何调整高度？您的意思是使用重复的背景图像？我可以看看你的css吗？没错。底部留有空白看起来不错。谢谢你的帮助。

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height:120px;
    z-index:10;
}