CSS Sticky Bar重叠

Question

我正在使用HERE中的Sticky Footer代码，由于某种原因，粘性页脚与我网站上的.content类重叠。

我的网站：http://tangotest.comoj.com

正如您所看到的，当您在任何给定页面上滚动到底部时，底部的910x50px图像与白色框重叠。

滚动到底部时，我需要将910x50px图像放在白框的底部。

白盒子.content类的CSS

.content {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin: auto;
width: 50%;
background: white;
}

粘性页脚的CSS。播放器类

.player {
position: fixed;
left: 470px;
bottom: 0px;
height: 50px;
width: 50%;
background: transparent;
}

Answer 1

您可以尝试增加页面主体的填充。

目前是：

body {
background-image: url('http://tangoworldwide.net/Themes/Altier_2/images/tango/city01.jpg');
padding-top: 20px;
padding-bottom: 20px;

}

尝试将padding-bottom更改为

padding-bottom: 30px;

Answer 2

.player {
position: relative;
left: 200px;
bottom: 20px;
height: 50px;
width: 50%;
background: transparent;
}

这是你想要的吗？如果不是这样的话。

.player {
position: fixed;
left: 200px;
bottom: 0px;
height: 50px;
width: 50%;
background: transparent;
}