Javascript 绘制一个可点击的区域

有人知道如何在不影响其他区域的情况下单击三角形区域吗

我试图创建一个三角形div

剪辑路径

。但Internet Explorer不支持它

我调查了很多，但什么也没找到

---

您可以使用

地图

标记和

区域

。许多在线工具帮助您生成区域。其中之一是：

---

这可以通过使用CSS3转换来实现

html，
身体{
字体大小：15px；
背景色：白色；
}
* {
框大小：边框框；
保证金：0；
填充：0；
列表样式：无；
位置：相对位置；
}
.导航包装器{
宽度：26em；
高度：26em；
溢出：隐藏；
位置：固定；
z指数：10；
排名：0；
左：50%；
左边缘：-13em；
指针事件：无；
过渡：所有0.3秒缓解；
指针事件：自动；
-webkit变换：旋转（17度）比例（1）；
变换：旋转（17度）比例（1）；
}
李海军{
位置：绝对位置；
宽度：10em；
高度：10公分；
边框：1px纯白；
-webkit转换来源：100%100%；
变换原点：100%100%；
溢出：隐藏；
左：50%；
最高：50%；
左边缘：-5em；
过渡：边界0.3s；
}
李海军：第一个孩子{
-webkit变换：旋转（0度）倾斜（17度）；
变换：旋转（0度）倾斜（17度）；
}
.nav包装器李：第n个孩子（2）{
-webkit变换：旋转（72度）倾斜（17度）；
变换：旋转（72度）倾斜（17度）；
}
.nav包装器李：第n个孩子（3）{
-webkit变换：旋转（144度）倾斜（17度）；
变换：旋转（144度）倾斜（17度）；
}
.nav包装器李：第n个孩子（4）{
-webkit变换：旋转（216度）倾斜（17度）；
变换：旋转（216度）倾斜（17度）；
}
.nav包装器李：第n个孩子（5）{
-webkit变换：旋转（288度）倾斜（17度）；
变换：旋转（288度）倾斜（17度）；
}
李娜先生{
显示：块；
身高：14.5公分；
宽度：14.5em；
位置：绝对位置；
底部：-7.25em；
右：-7.25em；
背景色：#81d8d0；
-webkit变换：倾斜（-46度）；
变换：倾斜（-46度）；
过渡：不透明度0.3s，颜色0.3s；
}
.导航包装器李a：悬停{
背景色：#a8e4df；
}

发布你的HTML、CSS和Javascript代码，你是如何做到这一点的？嗨，请花点时间阅读，如果你不提供任何代码，我们无法帮助你，请把你的代码放好吗嗨，代码非常广泛，问题很简单，这就是为什么我不分享任何代码。不管怎样，谢谢。是的，这张照片很好用。但是我如何映射每个div，因为每个三角形都是用CSS创建的。我不认为使用

CSS

可以实现这一点，但是您仍然有机会尝试处理

SVG

标记，它为您提供了更灵活的功能。检查下面的文章是的，这是我需要的。但是它支持IE？您使用的是哪个版本的IE？CSS32D转换仅在IE9之后才受支持。我正在使用mac hahaha，但我需要在IE9和下一个版本中这样做。但我退房了，效果很好。非常感谢你，伙计：）