2013-10-16 47 views
1

所以,我爲我的網站的背景做了一個漸變圖像,因爲它沒有太多的細節我想我會採取圖像和使用背景圖像和東西CSS在頁面上展開。但是,圖像拒絕以正確的方式垂直拉伸。我可以把它水平拉伸,但是無論我做什麼,它都不會在頁面上垂直拉伸到100%,而是將其限制在頁面上的內容上,而我不想這樣做。唯一能夠讓圖片水平拉伸而不會使像素長度死亡的唯一方法是使用封面,但隨後會變得太高。任何人都可以給我一段代碼,我可以使用擴大圖像,以適應水平和垂直頁面?因爲它拒絕,我不知道爲什麼CSS背景圖片限制到內容而不是整頁

這是CSS代碼,我有我的風格標籤頭

body { 
    background: url('Background.png'); 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
} 
+1

在看不到您的代碼的情況下,我們很難理解它。發佈你的代碼伴侶。 – WhatisSober

回答

0

對於初學者來說背景重複設置爲不重複。

無論您的瀏覽器包含多少內容,您都需要讓瀏覽器填充瀏覽器,否則它只會重複內容。

編輯:

無論什麼內容,使頁面填充瀏覽器復卷機。

html, body { height: 100%;} 
+0

雖然我不想讓它重複,但它的單個圖像我想填滿整個窗口 –

+0

編輯答案... – Gavin

+0

它仍然拒絕工作 編輯:哦,我沒有意識到'html ,'部分是必要的。它的工作現在,謝謝你 –