将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

回答