製作三角形可點擊

我必須製作三角形區域可點擊。我面臨的問題是這些三角形的透明部分重疊。有什麼辦法可以讓三角形的透明部分不可點擊嗎？這就是我正在做一個三角形製作三角形可點擊

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

來源

2016-10-27 Rohit Singh Chauhan

請添加您的HTML和JS或小提琴鏈接。 –

您可以創建JSfiddle，以便我們輕鬆解決問題 –

@Reddy在問題結尾處已經有JSfiddle。 – eg16