2013-09-25 126 views
1

我正在一個網站上工作,無論我做什麼,我似乎都無法獲得側面導航欄的重複。因爲酒吧是浮動的,我創建了一個圖像並讓它重複。但它不會。我錯過了一步嗎?側面導航欄不會重複?

下面是條代碼:

#leftColumn { 
    margin-top:0; 
    padding-top:30px; 
    background:url(http://www.cnam.ca/uploads/images/left-column2.png); 
    background-repeat: repeat-y; 
} 

您可以在這個網站http://www.cnam.ca/annual-workshop

+2

因爲圖像是純色,爲什麼不使用顏色代碼(例如'#00FFEE')? – Joren

回答

1

綜觀Chrome開發者工具#leftColumn元素檢查出的問題,我看到的問題是與div的高度,而不是背景圖像。您的div高度僅包含所有內容的高度。隨着背景圖像重複,向該元素添加高度:600px證實了這一點。

您應該查看虛擬列以獲得您要查找的結果。 http://alistapart.com/article/fauxcolumns