3

我正在尝试制作带有背景图像的导航栏，包括链接ul和li链接，但未能成功。

我没有路径错误，因为我有其他img正确渲染的元素。html 部分只是导航区域内的元素ul。li

CSS：

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

我在网上搜索了解决方案，但没有找到任何可行的方法。我试过位置、大小和重复。

编辑：我已经将ulandli菜单内联，所以它们适合 40px 的高度。

4

2 回答 2

1

您缺少图像路径末尾的右括号，应该是：

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

您可能还想在背景样式中设置 background-repeat 和 background-position 属性...

编辑 您的列表项是否浮动？如果是，则需要清除它们，否则容器将崩溃，这将导致背景图像不显示

于 2012-03-12T19:00:34.853 回答
1

您需要height从定义背景图像的规则中删除。

所以像

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

现在你把它和文件路径混为一谈了，因为它缺少一个括号，所以它没有关闭。

于 2012-03-12T19:00:57.683 回答