页脚与主要内容重叠

Question

我一遍又一遍地尝试修复页脚，在线搜索解决方案，没有任何效果。我希望它清除页面上的内容并坐在底部，它只是不起作用。我真的可以使用一些帮助。顺便说一句，随便批评，我刚刚开始，我可以使用它。谢谢:)）

这是代码为https://codepen.io/FearShady/pen/YrMvMz

的codepen

"pin"

Answer 1

正文是页脚的相对位置（绝对值），如果我很清楚你想要什么，你应该改变它：

html, body{
    margin: 0;
    padding:0;
    padding-bottom:50px;
    background-image: url("background.png");
    background-attachment: fixed;
}
#footer {
    position: fixed;
    bottom: 0;
    right:0;
    left:0;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.6);   
}