使三角div可点击

Question

我要使三角区可点击。我面临的问题是这些三角形的透明部分重叠。有什么方法可以让三角形的透明部分不可点击？ 这就是我制作三角形的方式

CSS：

 .tri{
    width: 0;
    height: 0;
    border-left: 88px solid transparent;
    border-right: 88px solid transparent;
   border-top: 121px solid transparent; 
   -webkit-border-radius: 50%;
    border-radius: 50%;
   z-index:10;
   position:absolute;
   text-align:center;
    color: white;
   font-size:15px;
}

小提琴：https://jsfiddle.net/haba7x2g/2

Answer 1

只需在项目/ jsfiddle中加入jQuery cdn即可。 检查一下：https://jsfiddle.net/haba7x2g/1/