Question

html中可不可以做到像下图1,3的三角形div，点击1,3范围分别触发动作，但是点击三角形2不会触发1,3的动作

网上制作三角形的div时，范围都会覆盖到三角形2中去，能不能做到点击1,3三角形范围分别触发动作，但是点击三角形2不会触发1,3的动作

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏5（财富值+成长值）

Answer 1

可以是可以，有点麻烦！
方法：可以用canvas画图，然后通过js获取范围添加点击事件

Answer 2

既然你已经找到做三角形的教程了，那你只要调整2的z-index属性，让2覆盖在1，3上面就可以了，别忘了加position属性

追问

div是正方形的你如何给我覆盖在上面？