我開發一個小網站的頂部:頁腳DIV一直跳到
http://www.designbyantony.com/David%20Quigley%20www/index.html
(這是我自己的網站在我的服務器上的文件夾內) 我想頁腳div來遵循從每頁結尾處的內容即:不要粘到視口的底部。我已經在所有頁面上管理它,除了它不在主頁上工作 - 按照上面的鏈接。我花了一個美好的一天試圖擺弄:隱藏等,但我沒有任何運氣。我有一種感覺,這與主頁使用全屏圖像的事實有關。
我開發一個小網站的頂部:頁腳DIV一直跳到
http://www.designbyantony.com/David%20Quigley%20www/index.html
(這是我自己的網站在我的服務器上的文件夾內) 我想頁腳div來遵循從每頁結尾處的內容即:不要粘到視口的底部。我已經在所有頁面上管理它,除了它不在主頁上工作 - 按照上面的鏈接。我花了一個美好的一天試圖擺弄:隱藏等,但我沒有任何運氣。我有一種感覺,這與主頁使用全屏圖像的事實有關。
好吧,我想我知道你在找什麼。
通過<!-- InstanceEndEditable -->
後去除</div>
移動#homepage_content所述的#header之外。相反,在第一個清除div之前添加一個</div>
。
將#homepage_content的CSS代碼更改爲position:relative;或者只是刪除該位置:固定。
我認爲你正在尋找#homepage_content的透明背景顏色,對吧?要做到這一點,你必須刪除#homepage_wrapper的bakcground-color,並在#header div上放置白色背景色。
希望它修復它。
嗨 - 感謝您的幫助,非常感謝。這似乎修復了它。你覺得它看起來沒問題。我有點擔心,當視口大小縮小時,頁腳會創建滾動條。你怎麼看? Woudl最好將頁腳固定到主頁視口的底部? –
我已經在jsfiddle中複製了你的html。並在css background: url
中設置背景。頁腳似乎是在底部。
嗨 - 感謝您的幫助,非常感謝。 –
帶外#header
你頭後面缺少</div>
內容。
刪除position: fixed;
從#homepage_content
加z-index:-1
到#bg
嗨 - 感謝您的幫助,非常感謝。 –
贊成,如果它幫助你。 http://stackoverflow.com/privileges/vote-up – VenomVendor
我不知道是否我得到的頁腳「不粘」在底部。它似乎已經堅持在底部的所有其他頁面 – btevfik
也爲什麼不設置頁面的背景到CSS中的圖片? – btevfik