2012-09-16 27 views
0

我想通過我的網站重複「背景」。必須完全位於中間,並且高度爲100%。已經嘗試了位置絕對+ 25%的餘量,但是當我縮放時,網站分崩離析。任何想法我怎麼能達到這種效果?
現在,我將它添加到了Chrome和Safari中,但在其他平臺中運行良好。
圖片背景重複y在網站中間

<body style="background:url('sheets/image_assets/parchment.png') repeat-y 50%"> 

哦,我使用的是:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" 
"http://www.w3.org/TR/REC-html40/loose.dtd"> 

回答

0
background: url(your-background-image.jpg) repeat-y 50% 0; 

body應該在任何瀏覽器中運行。

DEMO

另外,嘗試使用剛剛<!DOCTYPE html>

+0

HTML標記已經包含重複的Y和X座標太背景屬性。 – Zhafur

+0

問題是,身體不會伸展,我不能將其高度設置爲100%。 – Zhafur