CSS横向导航，IMG或DIV？

Question

我正在研究如下图所示的导航。

整个导航栏是浏览器窗口的宽度，但项目是以设计为中心的。

我现在还没有在任何代码中使用过任何代码，并且难以将它们组合在一起。我应该使用身体图像水平重复，然后将我的列表放在需要的位置？或者我应该使用div来跨越浏览器窗口的整个宽度并将列表元素放在他们需要的位置？

感谢

Answer 1

我会去使用的容器用一个简单的背景颜色和定位里面的菜单。

我会给你一个快速示例。

UPDATE

这里有一个简单的例子，我只是放在一起：http://jsfiddle.net/aQTRF/

或者，如果您需要黑色的菜单栏，能扩充到导航的容器，它可能是更容易添加该条作为重复身体背景的一部分（如您所述），然后将导航放置在顶部。这也可以让你在主要内容区域内与其外部的菜单栏略有不同。

Answer 2

我会建议使用HTML和CSS在图像上尽可能。它会使页面加载更快。

那么像this这样简单又好看的东西呢？

Answer 3

使用无序列表

<ul id="nav"> 
    <li>Nav Item</li> 
    <li>Nav Item</li> 
    <li>Nav Item</li> 
</ul> 

添加您的样式#nav为背景