Javascript 单击部分透明图像上的透明区域

给定一些形状，我希望它在填充的部分上是可点击的，而在透明部分上是不可点击的（因此点击到它后面的元素）。下面是一个三角形形状的示例：

黑线是边框线。我希望能够选择文本，或与边界框（绿色轮廓区域）内但未被填充部分覆盖的任何元素交互

---

我尝试将SVG中的指针事件设置为每个可能的值，但它似乎不起作用。首选的解决方案将使我们使用html5、css和png图像，但欢迎所有可行的解决方案。

您可以添加样式属性

指针事件：无

通过图像，它将帮助您完成图像

---

注意：它只适用于现代浏览器

我相信你会在前面的问题中找到答案：前面的问题链接到