重叠图像与图像映射相互阻碍

Question

信息：

• 图像具有较大的透明部分，因此必须将每个部分重叠以创建所需的效果。具体来说，每张图片的可点击部分都是奇怪的梯形形状，意在相互挤压。
• 图像的图像映射大部分与附近其他（梯形）图像的透明部分重叠。我不希望 z 索引的任何变化都能解决这个问题......
• 将图像文件组合成一个较大的文件以覆盖每个部分的单个图像映射似乎不太理想，尤其是因为我以后可能需要重新排序或重命名它们等等。别介意悬停动画和其他可能性。

最好的解决方法是什么？

Answer 1

好的，经过多次修改，我想我找到了一个解决方案：我只是拍摄了一个 1px 的透明 gif，将其放大以覆盖整个区域（当然，使用更高的 z-index），然后映射图像在其中映射多边形。似乎有效。