导航倾斜样式怎么用CSS实现

导航倾斜样式如何用CSS实现

实现上面图的效果而且不能用绝对定位，因为都是调用的原因。。。求大神指点方法。。。
------解决思路----------------------
最简单的方法是切10张背景图。每个导航的鼠标移来、移出时候改变背景图即可，兼容所有浏览器
------解决思路----------------------
这个效果是多个div重叠在一起，然后设置每个div的样式为那样平行四边形什么的，通过设置opacity实现透明效果，如果要让他悬浮，可以设置position，fixed
------解决思路----------------------
1.用负的margin-left去对齐,样子看起来差不多,不过文字要另去定一下位置,hover出背景的触发也总觉得怪怪的

2.把左右分开,hover的时候直接去平移左边的背景图去对齐
3.用css3去转换nav的形状,不过老版本估计只能显示方的了
------解决思路----------------------

引用:

Quote: 引用:

Quote: 引用:

Quote: 引用:

 最后加个 斜角图片

不行，这个是高亮特效鼠标放上去才会显示的。用hover可以实现么

用hover＋图片 怎么不能实现？

能不能指点下，用hover+背景图，主要问题还是重叠一起而且不能定位

我觉得 主要问题是 你被倾斜 诱惑了
你就看成一个 正方形的区域 
现在鼠标上去  你就显示一个正方形 带颜色的 div 看看行不  以后在换背景 位置在调整下
------解决思路----------------------
看了大神些的回复。。。。其实觉得如果只是想要那种效果的话，可以直接作图嘛，用hover来实现鼠标滑过的效果嘛！！！再加上上面大神 说的半透明，用z-index把几个div重叠起来！！！（我也是新手，所以我的表述可能有问题，）