如何在導航欄上設置背景圖片？

Question

我試圖製作一個帶有背景圖片的導航欄，包括ul和li作爲鏈接，但無法成功。

我沒有路徑錯誤，因爲我有其他img正確呈現的元素。導航區域內的html部分只是ul和li元素。

CSS：

#main_menu {background-image:url(resources/images/navbar.png);height:40px;} 

...我已經尋找解決方案的網絡，但我還沒有發現任何的作品。我試過位置，大小和重複。

編輯：我已經做了ul和li菜單內聯，所以他們適合40像素高度。

Answer 1

你錯過了在圖像路徑的末尾右括號，應該是：

#main_menu {background-image:url(resources/images/navbar.png);height:40px;} 

你也可能要設置背景樣式的背景重複和背景位置屬性..

編輯 您的列表項是否浮動？如果是，他們需要被清除或者容器將會崩潰並且會導致背景圖像不被顯示

Answer 2

您需要從定義背景圖像的規則中刪除height。

因此，像

#main_menu {background-image:url(resources/images/navbar.png); height:40px;} 

現在你把它集中在與該文件的路徑，因爲它缺少一個支架，未關閉。