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

Question

信息：

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

最好的解决方法是什么？

Answer 1

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