如何在导航栏上设置背景图片？

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;} 

现在你把它集中在与该文件的路径，因为它缺少一个支架，未关闭。