通過HTML元素加載的Javascript幻燈片圖片

我有一個頁面，其中有一個頁面滾動的固定頁腳，但是在頁面上有一個Javascript幻燈片，當幻燈片加載到一個新的圖像中時，它會加載它固定頁腳。通過HTML元素加載的Javascript幻燈片圖片

有問題的頁面是這一個：http://mysterybox.co/signalnoise/。向下滾動查看問題。

截圖的違規效果： overlayproblem

誰能給我一些建議？我以爲我可能能夠用z-index來修復它，但這不起作用。

2012-01-05 olliejudge

添加z-index: 2;到#footerwidth

編輯：

同樣爲#headerwidth

EDIT2：

每ThinkingStiff的建議，你也可以考慮更換頁腳的邊距屬性填充底部屬性。

2012-01-05 22:10:57

+1 OP還可以通過'＃footerwidth'將'margin-bottom'更改爲'padding-bottom'，以阻止在下面看到圖像。沒有意義的做出自己的答案，如果你願意的話，你可以把它添加到你的答案中。 – ThinkingStiff 2012-01-05 22:17:31

@ThinkingStiff hm ...我試過了，但它似乎沒有影響圖片在頁腳上的顯示效果。 – 2012-01-05 22:20:57

Ooops。我的意思是*另外*是你用'z-index'做的。 'z-index'將它保持在最上面，但是當你向下滾動時，在頁腳的邊緣顯示出一條細長的圖像。 – ThinkingStiff 2012-01-05 22:29:12

回答