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

Question

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

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

违规效果的屏幕截图：

谁能给我任何建议吗？我以为我可以用 z-index 来修复它，但这没有用。

Answer 1

添加 z-index: 2; 到 #footerwidth

编辑：

同样适用于 #headerwidth

编辑2：

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