身高100％错误

我正试图实现具有100％身高的重复垂直背景。可悲的是，每当我尝试通过添加纯文本来扩展我的页面高度时，具有100％高度和背景重复的背景都会被切掉。我只想保持背景重复。这是截图。身高100％错误

希望有知道的解决方案。谢谢。 :)

的源代码可以在这里看到：

2011-06-16 user660763

你可以编辑发布你的和添加CSS？ – 2011-06-16 18:05:13

你确定你的图片不包含该空白吗？ – 2011-06-16 18:08:57

下面是一个相关的问题，解释了为什么它不*工作：http://stackoverflow.com/questions/2239045/why-is-100-height-not-100-of-the-browser-height – mwcz 2011-06-16 18:13:42

删除您height: 100%属性，只是使用基于您的更新，看着你的代码background-repeat: repeat-y

编辑

，你将无法做到你想用两个不同的div做什么。您需要在<body>标记上设置一个背景，然后为整个页面创建一个<div>包装并将其他背景设置为该背景。把你的代码的其余部分放在你的包装器中。

或创建两个包装div，但我会设置一个身体。

2011-06-16 18:05:50 Jason

我认为有两个背景，应用于两个'div'元素，并且他希望它们与视口的左侧和右侧齐平。他可能会在div上设置“height：100％”，以使它们像页面一样高。只是一个猜测。 – mwcz 2011-06-16 18:07:38

这是可能的。但无论哪种方式，将高度设置为100％将其设置为视口高度的100％，而不是整个渲染页面 – Jason 2011-06-16 18:08:40

是，我需要的是整个渲染页面的高度。到目前为止，没有运气。甚至尝试使用JS，但即时获取视口高度。 – user660763 2011-06-16 18:16:12

而不是将背景放入两个不同的元素，并将其高度设置为100％，我认为您可以从使用CSS3的多个背景中受益。

希望这有助于。 :)

2011-06-16 18:05:56 mwcz

尽可能多的我想使用css3，我需要迎合IE6用户以及。感谢您的帮助。 :) – user660763 2011-06-16 18:10:41

越是迎合他们，他们会越多地使用ie6 ...;） – mwcz 2011-06-16 18:13:50

它的中国男人！不能帮助它。大声笑。 :)） – user660763 2011-06-16 18:16:49

回答