請看看下面的小提琴:圖片背後隱藏的固定頁腳
http://jsfiddle.net/ellenchristine/tty3e/
注意,當你擴展或收縮的結果面板,jQuery的砌體填充插件與圖像的新空間。不過,我在頁腳區域遇到問題......當您滾動到底部時,最後一個圖像總是隱藏在固定頁腳後面。我已經嘗試在頁腳,包裝器上添加邊距,但是沒有到達任何位置。任何人看到我做錯了什麼?
請看看下面的小提琴:圖片背後隱藏的固定頁腳
http://jsfiddle.net/ellenchristine/tty3e/
注意,當你擴展或收縮的結果面板,jQuery的砌體填充插件與圖像的新空間。不過,我在頁腳區域遇到問題......當您滾動到底部時,最後一個圖像總是隱藏在固定頁腳後面。我已經嘗試在頁腳,包裝器上添加邊距,但是沒有到達任何位置。任何人看到我做錯了什麼?
嘗試overflow:hidden
如果刪除高度設置你對#wrapper指定,並設置底部填充,它會顯示您所需要的功能。由於#wrapper中的所有元素都是浮動的,因此高度爲100%佔用了父項的100%,這只是顯示窗口的高度。如果你想看到這個動作,在刪除高度之前在#wrapper上放一個邊框以查看問題。
#wrapper {
width:960px;
min-height: 100%;
padding: 15px 0 115px;
margin: 0 auto;
}
上#wrapper
如果你在的jsfiddle嘗試這樣做,你會注意到,這是行不通的。它可以防止圖像進入頁腳下,但它實際上隱藏了它們,而不是像預期的那樣用#wrapper包裝圖像。 –
這不起作用,它只是截斷所有底部的圖像。 –
令人驚歎!謝謝! –