將div設置爲100％不是身體的父母身高

經過幾天的谷歌搜索後，我希望有一些天才能幫助我解決這個棘手的問題。總的來說，我想實現的是一個1頁的網站，它有一個非常大的bg圖像，它使用jquery在每個div（實際上與「頁面」設置爲100％高度）之間滾動。將div設置爲100％不是身體的父母身高

我的問題是..

我有身體的背景圖像，即約5000px的高度。

我有3個div，我希望每個都是100％瀏覽器窗口的高度。

因此，當從div滾動到div時，body bg在下面。

我無法將BODY設置爲100％的高度，因爲那樣會簡單地將我的bg圖像「切斷」到瀏覽器高度。

我需要保留我的bg圖像的全長。

是否有任何可能的方式來實現這？我讀了一個地方，你可以設置一個ID到你的BODY元素，但林不知道這將是有效的即時通訊試圖實現？

我知道有人在那裏有一個答案:)

玉米粥讚賞

2012-04-23 Stacey

有很多未知的來到我身邊，你可以粘貼一些示例代碼？這樣你很快就會有答案。 – 2012-04-23 07:41:51

不用擔心，我的Div是100％的身高，他們每個人都有一個菜單，圖像和內容。他們必須適合瀏覽器窗口。但問題是我的BG圖像非常長（大約5000像素），需要在這些div的所有3個下面流動。唯一能讓我的身高達到100％身高的方法是，如果我將身體設置爲100％，但無法使用，因爲它只會切斷我的bg圖像。 '

100% height of browser

' – Stacey 2012-04-24 01:20:57

現在我已經看到了你的示例代碼，我想我找到了問題。您忘了將html標籤的高度設置爲100％，這會導致您的問題。試着這樣做：

html, body { height: 100%; }

我在這裏做了一個的jsfiddle demostation：http://jsfiddle.net/Allan/Vx9dC/

2012-04-24 09:34:51

哇這麼簡單的東西，非常感謝！這正是我一直在努力實現:) – Stacey 2012-04-25 01:46:53

好的我有1個其他問題問你，如果每個div有一個頂部和底部的BG圖像呢？但主體仍然需要位於頂部。困惑很多 – Stacey 2012-04-25 07:27:03

我不確定你想要達到什麼目的？你可以用照片來說明嗎？ – 2012-04-25 08:59:12

回答