通过HTML元素加载的Javascript幻灯片图片

Question

我有一个页面，其中有一个页面滚动的固定页脚，但是在页面上有一个Javascript幻灯片，当幻灯片加载到一个新的图像中时，它会加载它固定页脚。

有问题的页面是这一个：http://mysterybox.co/signalnoise/。向下滚动查看问题。

截图的违规效果：

谁能给我一些建议？我以为我可能能够用z-index来修复它，但这不起作用。

Answer 1

添加z-index: 2;到#footerwidth

编辑：

同样为#headerwidth

EDIT2：

每ThinkingStiff的建议，你也可以考虑更换页脚的边距属性填充底部属性。