身高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

回答