2012-04-09 94 views
1

我想修復我的背景到身體的100%高度,並將其留在那裏,即使頁面的其餘部分滾動。修正了CSS與背景?

我該如何做到這一點? 現在我只有background:url(bg.png);。如果有問題,圖片的高度是1200px,寬度是20px。

回答

3

根據你想要的背景圖像做什麼有幾個選項。有對ALA約全屏BG的圖像,佔比例很大的文章:

http://www.alistapart.com/articles/supersize-that-background-please/

如果你只是希望在瀏覽器中的圖像位置,你會怎麼做:

background:url(bg.png) no-repeat top left; 
background-attachment:fixed; 

或者但是你要分別對其進行定位(右上等)

+0

非常感謝,我會盡快接受。 – justanotherhobbyist 2012-04-09 16:39:23

4
在CSS

,使用此:

background-attachment: fixed; 
+0

需要使用後臺附件,我相信 – ckaufman 2012-04-09 16:38:58

0

某些瀏覽器仍然無法支持背景圖片的拉伸,因此這裏是workaround

CSS3 Example and Support

因爲它已經是1200像素,可以在背景上使用background-attachment:fixed;做時,他們滾動它遵循。示例在w3schools。你可以使圖像看起來像是流入一個純色漸變色等底部,等等。