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爲背景