2012-08-26 75 views
0

我有以下的HTML:一個顏色全高的邊欄,一個顏色頁面的左側,所以我有一個圖像來覆蓋左側頁面並達到完整的高度,但是在chrome中,它不覆蓋頁面的整個高度,使用repeat-y;帶重複-y的背景圖像不覆蓋整個高度

我的CSS:(鉻不工作)

body { 
    background: #000 url(../images/bar_bg.jpg) repeat-y; 
} 

#container { 
    height: 100%; 
} 

我要實現這一點: enter image description here

是否有另一種方式來做到這一點沒有圖像或CSS3可能?

回答

0

我將不得不對代碼做一些工作,但這聽起來像是需要將邊距高度設置爲零。

+0

與最小高度修復:100%;高度:自動; – Leoh

2

你的HTML和身體是無法覆蓋整個視口,使用...

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

如果我把這個作品與鉻但不是Firefox – Leoh

0

解決了

html, body{ 
min-height:100%; 
height:auto; 
}