用一堆透明的 PNG 图像叠加绘制一个基本的 JPG 图像。这些是一堆不规则且不重叠的形状。
<img src='base_image.jpg'>
<img src='shape1.png' class='overlay'>
<img src='shape2.png' class='overlay'>
<img src='shape3.png' class='overlay'>
在鼠标悬停时，我如何确定哪个（如果有）透明图像在鼠标位置不透明？ 最终会想要像 'shape2.png' 或 'none' 这样的响应。 10年前的“没有办法”的反应是否仍然正确？ How can I make concentric circles in HTML respond to mouseOver properly?