2012-01-07 55 views
-3

在此link上,您可以看到該頁面具有背景圖像,但是當您滾動時,背景圖像不會在頁面上重複。如何爲整個頁面重複背景圖片?

如何編寫CSS以使背景圖像覆蓋整個頁面(如果內容不填滿一個窗口),但如果頁面大於一個窗口,則繼續瀏覽頁面。

+5

什麼是你的問題基本上高度? – user1118321 2012-01-07 17:09:57

+0

[寬度和高度]的可能重複(http://stackoverflow.com/questions/8771018/body-width-height)。如果你想添加額外的信息到一個問題**編輯它**,不要開始一個新的。 – Quentin 2012-01-07 17:17:45

+0

我不認爲這個用戶瞭解這個網站是如何工作的,夥計們。 – nmagerko 2012-01-07 17:41:17

回答

1

採取的CSS高度關類mainbg,身體設置爲100%和一個孩子的div設置爲100%的高度將使其高度瀏覽器窗口

+0

我不確定我明白你的意思。我用class mainbg做什麼? – 2012-01-07 17:26:30

+0

我的意思是說我不明白你以前說過的話。如果我將高度設置爲100%,則不適用於小內容頁面! =( – 2012-01-07 17:50:17

+0

設置最小高度:100%(這使得它如果你有更少的內容,那麼視口的大小將擴大到該大小,並且height:auto或者將其移除) – 2012-01-07 18:03:52

2

您應該將bg height:100%;更改爲height:auto;

+0

,在我的情況下無法正常工作。我會解釋一下。 – 2012-01-07 17:17:36

+0

爲什麼不呢?我在開發人員工具中這樣做,它似乎工作? – webestdesigns 2012-01-07 17:20:08

+0

@RicardoRibeiro我發現了我的作品。你只有兩個不同的ID,他們搞砸了。 – nmagerko 2012-01-07 17:21:58