2012-12-16 61 views
1

我想知道下一頁的背景是如何製作的? http://www.wohn-blogger.de/page/4/如何用css製作這種灰色的背景?

正如你所看到的背景不是一種純色。這是一個可以擴展到整個頁面的圖像嗎?或者,這甚至可以用css實現嗎?

爲什麼我問的原因是CSS包含以下內容:

body { 
    background: #0d1424 url(images/body-bg.jpg) no-repeat center top; 
    font: .81em/150% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif; 
    word-wrap: break-word; 
    color: #666; 
} 

這將意味着這是一個不重複的單一形象。無論如何,整個頁面是如何填充的?

回答

1

CSS:

body { 
    background: url("http://www.wohn-blogger.de/wp-content/themes/itheme2/skins/gray/images/body-bg.png") repeat scroll 0 0 #D1D1D1; 
    color: #666666; 
} 
+0

對不起,我失去了我的問題的一部分。上面更新。 – membersound

+0

哦,我看到的,可能是我一直在尋找在錯誤的CSS文件。這很清楚,ty! – membersound

1

有幾個方法可以做到這一點。它看起來由透明漸變圖像和紋理圖像組成。在這種情況下,我會通過向html元素添加重複紋理以及向body元素添加透明漸變來解決此問題。

html {background:url(texture.png);) 
body {background:url(gradient.png) top left repeat-x;) 

我希望這會有所幫助。

1

它出現在網站上有定義了兩種車身樣式,無重複得到一個標準的重複背景圖像覆蓋。

enter image description here