Javascript 在图像上映射下拉菜单

我有一个稍微旋转的菜单栏。以下是两个按钮的示例：

因此，我无法使用常规HTML来处理此问题。我需要使用

在菜单部分上放置超链接。（或者我错过了一个我不知道的杀手级CSS功能？）

我想将下拉菜单映射到这些按钮。这看起来是实现下拉菜单的好方法：

---

但是，我相信这在

上不起作用。还是我错了？对于没有水平对齐的菜单栏，我是否可以采用不同的方法来构建下拉菜单？

是否希望下拉菜单也以一定角度层叠？如果是这样的话，我认为你在正常的HTML/CSS中运气不好

---

如果您对Canvas&SVG持开放态度，则有一些选项，但在IE9（仅SVG，无Cavas AFAIK）之前，您不会在IE中获得任何支持。

将导航切分为多个图像如何。。。每个图像有一个菜单项？然后，您可以构建每个图像的下拉列表，而不是使用图像贴图。这还将为您带来额外的好处，将导航变成一个更具语义的列表。

下拉菜单本身可以像往常一样垂直。您将如何做到这一点？一张桌子？我没有使用纯粹由图像组成的

的经验。不，不是表格，而是列表。您可以使用css来设置列表的样式，以便将切片的图像重新组合在一起。你对css满意吗？我已经随意使用css好几年了，但我不确定如何使

与页眉其余部分的宽度完全一致（即没有填充、边距、边框或其他不需要的行为）。