如何使用图像创建倾斜导航

Question

此图像是由两个DIVS组成的导航，其中包含图像。 DIV是方形的，这里的问题是导航角度。目前，我可以将鼠标悬停在“我们做什么”标签上（以黑色突出显示），但无法访问“我们是谁”选项卡，因为它涵盖了“我们做什么DIV”。我可以改变Z-index，但这会带来另一个问题，那就是你不能点击我们做什么框的中心。

我会使用CSS3旋转但是这个网站需要兼容可以追溯到神可怕IE6的浏览器。我想知道是否有人可以帮助我，我期待听到建议？！

Answer 1

使用html / css无法做到这一点，你需要一些基于闪存的解决方案。对不起。

原因是CSS2.1定位仅在垂直或水平基础上计算。没有角度的概念。

Answer 2

可以尝试使用javascript / jQuery来检测光标的位置＆amp;切换z-index。

Answer 3

刚刚更新我账户的stackoverflow上的所有答案 - 最后我创建了锚链接，并确保我将它们设置为相对位置和正确的z-index，这样它们就不会相互重叠。不幸的是，当遇到像这样的挑战时，唯一的解决方案是引入通常不理想的Flash或JavaScript。