Html 如何使用图像创建有角度的导航

此图像是由两个div组成的导航，其中包含一个图像。DIV是正方形的，这里的问题是导航是倾斜的。目前，我可以将鼠标悬停在“我们做什么”选项卡上（以黑色突出显示），但无法访问“我们是谁”选项卡，因为它包含在“我们做什么”分区中。我可以更改Z索引，但这会带来另一个问题，即您无法单击“我们做什么”框的中心

---

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

使用html/css不可能做到这一点，您需要一些基于flash的解决方案。对不起

---

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

可以尝试使用javascript/jQuery检测光标的位置&切换z-index

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

我看到的解决您问题的唯一办法是使用imagemap。这是向后兼容的。Css旋转可以工作，但它不会向后兼容。