如果您希望能够使用任意形状并仍然使用样式，是否考虑过尝试SVG？

我不是SVG大师，但是这是我举个例子。在生产中，您可能需要使用替换默认笔画none，我可以用gray它来查看它在哪里。

缺点是您会失去易用性区域/地图所提供的功能，但是我想如果您走这条路线，就可以实现您的目标。我添加cursor: pointer到多边形，你可以添加onclick处理程序来模拟href的<area>。

一个明显的警告是浏览器支持。这似乎可以在Chrome中使用，而且我很确定它可以在IE9中使用（jsfiddle目前无法在IE9中使用），但是以前版本的IE不支持SVG。

更新
：制作了一个快速测试页来测试IE9。它确实确实按预期工作。。

再次更新 ：这还将解决您在另一个问题中提出的缩放问题。