100%导航条与透明的脉冲为末端和重复模式
100% Nav bar with transparent pngs for ends and repeating pattern
我正在尝试创建一个导航栏,将扩展100%的页面宽度,并使用3个单独的png作为背景。2个png将用于边缘,另一个将是背景中的重复图案。我完全不知道该怎么做。我不能完全将这些边放置在单独的div中,因为它们是透明的,然后会与已经透明的重复图案重叠。我也不能给div添加bg颜色,因为你需要能够看到下面的内容。
请帮忙就太好了。
谢谢!
有很多方法可以做到这一点。下面是一个使用边距和浮动设置DIV结构的示例:
http://jsfiddle.net/LKLQx/相关文章:
- Javascript,访问一个主要对象模块模式中的每个对象
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 试图在引导模式内动态生成图表,得到offsetWidth错误
- 同位素库错误:未捕获错误无布局模式包装生产线8
- 在DOM中查找一个模式并替换它's的内容使用jquery
- 如何缩短MongoDB ObjectId并在Mongoose模式中使用它
- D3.js模式不适用于弧形或圆环图
- Webdriver.io pageObject模式-通过传递参数来定义元素选择器
- 模块模式和这个
- 带有let的JS/EECMAScript6私有字段的模式
- 我是否可以检测到javascript正在被卸载(作为调试模式)
- 执行动态模式弹出
- 注意:wp_enqueue_script调用不正确.在 Wordpress 调试模式下
- AngularJS ui路由器html5模式中断路由
- 包含圆括号的JavaScript Regex模式
- 显示模块模式在Knockout中设置模型的新实例
- Node.js使用Series函数(模式?)实现流控制时出现意外结果
- 使用模式格式化Number类型输入中的值
- Markdown模式代码镜像正在创建
- 100%导航条与透明的脉冲为末端和重复模式