2011-05-17 88 views
0

我怎樣纔能有一個背景圖片重複頁面的全長?背景圖片重複頁面的整個高度?

我將重複的背景圖像應用於身體,但默認情況下它只向下延伸至頁面的內容。

如果我將body和html設置爲高度爲100%,邊距和填充爲0,那麼背景重複整個高度,但現在出現滾動條。我可以用overflow來解決這個問題:hidden;於軀幹,但即時通訊擔心這個跨設備的意外簡潔等

感謝

回答

0

您是否嘗試過使用溢出自動?

http://jsfiddle.net/easwee/hJsnW/4/

html, body {margin:0;padding:0;height:100%;background:url(http://jsfiddle.net/img/top-bg.png) repeat-y 0 0;overflow:auto;} 
+0

作品!雖然我不明白爲什麼。謝謝 – Evans 2011-05-17 11:39:00

+0

區別只在於,如果你使用overflow:隱藏它會剪掉超出瀏覽器高度的內容 - 如果你使用auto,只有在需要時纔會顯示滾動條。 – easwee 2011-05-17 11:45:07

+0

太好了。如果方法導致了任何問題,我會在最後回覆瀏覽器和設備測試。謝謝 – Evans 2011-05-17 11:51:01