javascript - 100% 导航栏，带有用于结束和重复模式的透明 png

Question

我正在尝试创建一个导航栏，它将扩展页面的 100% 宽度并使用 3 个单独的 png 作为背景。2个png用于边缘，另一个将是背景中的重复图案。我完全不知道如何做到这一点。我不能绝对将边缘定位在单独的 div 中，因为它们是透明的，然后会与已经透明的重复图案重叠。我也不能为 div 添加 bg 颜色，因为您需要能够看到下面的内容。

任何帮助都会很棒。

谢谢！

Answer 1

有很多方法可以实现这一目标。这是一个使用边距和浮动来设置 DIV 结构的示例：

http://jsfiddle.net/LKLQx/