在部分透明图像上单击透明区域

时间:2013-08-03 11:41:15

标签: javascript css html5 svg png

考虑到一些形状,我希望它可以在其填充的部分上点击,而不是在其透明部分上可点击(因此点击它后面的元素)。这是一个三角形的例子: http://img138.imageshack.us/img138/1276/e4t.png

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

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

1 个答案:

答案 0 :(得分:2)

您可以添加样式属性

  

指针事件:无

到图像它会帮助你完成图像

注意:它仅适用于现代浏览器