CSS - 流畅布局和居中的无桌面菜单栏

Question

我正在尝试使用带透明胶片的png图像制作无表格菜单栏。菜单栏嵌套在具有最小/最大宽度的包装内，并使用自动左/右边距居中。理想情况下，我希望1个部分用背景repeat-x调整自身的长度。由于png具有透明度值，因此它们不能相互重叠，因为这会增加重叠部分的可见性。

我尝试了绝对定位，但这会强制您拥有一个在流体布局中无法使用的水平起始位置。包装风格：

margin-left: auto; 
margin-right: auto; 
min-width: 960px; 
max-width: 1260px; 
padding: 0px 20px 0px 20px; 
overflow: visible;

使用表格进行工作设计：http://jsfiddle.net/f35UK/

图片（我在代码中使用了base64，但以防万一）：

• http://imgur.com/REQ2E.png主精灵
• http://i.imgur.com/Mnp0q.png
• http://imgur.com/Mnp0q.png

Answer 1

使用菜单的列表项。 有关如何设置此示例的示例，您可以查看我当前正在处理的项目：

http://basenharald.nl/3d/ 在下面的“navigatie”源搜索中，您将找到UL导航

也打开http://basenharald.nl/3d/css/style.css 在源搜索“#nav”。这是设置导航的css部分。