加载HTML元素的Javascript幻灯片图像

Question

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

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

违规影响的屏幕截图：

有人可以给我任何建议吗？我以为我可以用z-index修复它，但是没有用。

Answer 1

将z-index: 2;添加到#footerwidth

编辑：

{p>同样适用于#headerwidth

EDIT2：

根据ThinkingStiff的建议，您也可以考虑使用padding-bottom属性替换页脚的margin-bottom属性。