2012-06-05 107 views
0

我試圖在的頁腳上添加一些裝飾性的興奮點:在之後的僞元素。在頁面底部定位部分屏外的恆高元素

問題是,根據我的css代碼,裝飾蓬勃發展的元素(固定大小,使用背景圖像)要麼由頁腳剪輯,要麼延長頁面高度並添加垂直滾動條。

我需要的是從頁腳頂部邊界開始(換句話說,頁面內容結束時)和頁面底部剪輯(或者如果屏幕空間允許,請勿剪輯)的裝飾元素。

如果我的問題不夠清楚,我可以稍後提供代碼鏈接。

編輯:換句話說,我想知道是否有防止垂直滾動條出現時特定絕對定位的元素底邊越過頁面底部的任何理智的方式。

編輯2:該網站目前可在http://www.ikimark.fi/ikimark_uusi/site 有問題的裝修是右下角蓬勃發展的形象。我今天正在編輯該網站,因此代碼可能會更改。

回答

1

請提供一個鏈接到您的項目,並嘗試使用position:absolute;z-index:9999;

編輯:

以及我仍然感到困惑正是你所要求的。如果您希望繁榮的圖像不要覆蓋內容下面的太多空間並填充頁腳的總高度,請只在您的wrapdiv上添加overflow: hidden;。如果你不想要這個,那麼請你解釋一下嗎?

+0

我可以稍後上傳網站。據我所知,_z-index:9999_在這種情況下不會有什麼區別。我會稍微更新一下這個問題。 – jpeltoniemi

+0

我現在加了鏈接 – jpeltoniemi

0

嘗試與溢出-Y底部格設置一個絕對的高度:隱藏如下:

<div id="footer" style="height: 4em; overflow-y: hidden"></div>

+0

我認爲如果在頁腳中有高度超過4em的內容,這將會下降。 – maksbd19

+0

當然,我可以爲頁腳設置一個固定的高度並稱之爲一天(我可能會這樣做),但現在這個問題是關於找到一個完全按照需要工作的解決方案。我開始認爲CSS不能做到這一點。 – jpeltoniemi