重叠图像与图像贴图相互遮挡
信息：
- 图像具有较大的透明部分，因此每个部分都必须重叠才能创建所需的效果。具体来说，每个图像的可点击部分都是奇怪的梯形形状，意味着相互挤压。
- 图像的图像图的大部分与其他附近（梯形）图像的透明部分重叠。我不希望 z 索引的任何更改能够解决这个问题...
- 将图像文件组合成一个更大的单个文件以覆盖每个部分的单个图像映射似乎不太理想，特别是因为我可能需要重新排序或重命名后来他们等等。不要介意悬停动画和其他可能性。
最好的解决方法是什么？
Information:
- The images have large transparent sections, so each must be overlapped to create the needed effect. Specifically, the clickable portions of each image are in weird trapezoid shapes meant to be pressed up against each other.
- Images have image maps with large portions being overlapped by the transparent portions of other nearby (trapezoid) images. I don't expect any change in z indexes will solve this...
- Combining the image files into a larger single one to overlay a single image map for each section seems less than ideal, especially since I may need to re-order or rename them later and such. Never mind hover animations and other possibilities down the road.
What would be the best workaround?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
好吧，经过一番修改，我想我找到了一个解决方案：我只是拿了一个 1px 透明 gif，将其放大以覆盖整个区域（当然，具有更高的 z 索引），然后将图像映射多边形映射到那。似乎有效。
Alright, after much tinkering I think I've found a solution: I just took a 1px transparent gif, scaled it up to cover the whole area (with a higher z-index, of course), and then mapped the image map polygons within that. Seems to work.