我已经在这个主题上找到了很多帖子，但它们似乎都没有解决我的具体需求。我的最终目标是使用html5，css3和javascript重现Nike ID基于Flash的自定义。
我的直接反应是将图像切割成许多不规则形状的图像切片。然后使用一些图像编辑软件（photoshop等）创建每个图像切片的附加副本，每个图像切片具有不同的颜色配置文件。最后，我将所有图像切片定位在他们重新组合原始图像的方式，有点像拼图游戏。这就是我撞墙的地方。每个这样的图像切片的不规则形状的本质将导致其一些区域是透明的。更复杂的是，这些透明区域中的一些必然位于底层图像切片的活动切片区域之上，从而防止后者注册悬停并单击鼠标操作。授予那里有很多关于如何使javascript忽略透明区域的帖子。但是，我还没有遇到一个透明区域真正表现透明的解决方案，从而允许底层图像记录鼠标交互。
所以问题是，是否有办法让透明区域真正透明？或者我错了吗？
任何建议将不胜感激！谢谢。