javascript - 鼠标悬停图像隐藏下面的元素。怎么修？

Question

这是我整理的一个示例，以更好地说明此问题：

http://www.saeidmohadjer.com/users/saeid/sandbox/javascript/image_map_rollover/test3/test3.html

当您从图像 A 区域转到图像 B 区域或反向时，有些位置不会显示翻转，因为下面的图像映射被翻转图像的透明区域覆盖。有没有办法让鼠标隐藏滚动图像？在 ActionScript 中，我可以通过将对象的 mouseEnable 属性设置为 false 以使其不碍事来做到这一点，但我不知道如何在 HTML/JavaScript 中做到这一点。

翻转图像（粉红色）是绝对定位的，在黑白图像上方具有更高的 z-index。实际用途是在鼠标滑过平面图时突出显示建筑物楼板上的平面图。

谢谢，

赛义德

Answer 1

我不知道这是否适合您的情况，但一种简单的方法是让您的黑白图像部分透明（而不是白色）并将粉红色图像放在它下面（也就是说，给它一个较低的 z 指数）。这些帮助有用？