2011-08-08 77 views
0

好的,我設計了一個網站,有一個透明的背景/可重複的圖像。我想要做的是讓它重複所有的方式到頁面的底部...容器背景不重複

我想嘗試應用高度的容器背景,包括最小高度100%,這兩個元素,並看到作爲容器和容器中的內容沒有除「body」和/或「html」之外的父元素,我不知道我應該如何保持這個背景重複,直到它真的連接到窗口的底部。

看來,我一直在重複出現的問題,使背景圖像重複自己。 '這非常嚴重。

我懇請某人請幫我解決這個經常性問題。希望我的問題可以解決,也是答案。謝謝StackOverflow社區。

非常感謝! 亞倫:-D

回答

3

在容器中的CSS試試這個:

background:url(images/containerback-01.png) repeat-y; 

沒有看到你的代碼,這是一個有點難以幫助。

+0

就這麼你知道,背景屬性的默認行爲是重複。因此,除非不希望圖像水平重複,否則無需在此處聲明repeat-y。 [來源](http://www.w3.org/TR/css3-background/#the-background-repeat) –

1

一個例子會有所幫助,但如果您遇到您的背景已經結束了一個問題,您的內容結束(留下一個白色的大缺口之後),這應該幫助:

html { 
height:100%; 
background: blue; 
background-attachment:fixed; 
} 

背景現在應該舒展整個頁面的長度。您問題的codepen可能有助於生成更具體的答案。