倾斜的鼠标翻转导航制作上的烦恼

小毅的blog：

我们看到上图，可以会觉得似乎并没什么，似乎很轻易做。好我们来细细的分析一下这个效果。我们用标准来实现就不能直接插入一张图片在HTML里。用标准来做就需要把图片作为背景的方式用CSS进行调用。那么我们来看一下这样的导航是否可以直接就那么直接调用，其中是不是还有什么问题出现？下面请看一下这个导航效果的放大图：

大家注重上图中的“危险区”很明显，假如我们把两个倾斜的正块放在一起就必然会有一段重复区，我们现在的CSS还不支持异形处理。要解决这个问题就必需要使得这两个方块进行重叠。重叠就需要把他们放在不同的层次上。这就要用到CSS中的定位：“position : static | absolute | fixed | relative ”。关于position的具体请查看苏昱的《CSS2中文手册》，关于如何定位请查看我的