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

【问题标题】：Click through transparent area on partially transparent image单击部分透明图像上的透明区域
【发布时间】：2013-08-04 15:27:00
【问题描述】：

给定一些形状，我希望它在其填充部分上是可点击的，而在其透明部分上是不可点击的（因此点击到它后面的元素）。下面是一个三角形的例子： http://img138.imageshack.us/img138/1276/e4t.png

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

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

【问题讨论】：

【解决方案1】：

你可以添加样式属性

指针事件：无

to Image 它会帮助你通过图像

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

【讨论】：