Javascript 滚动图像对鼠标隐藏下面的元素。如何修复？

下面是我为更好地说明这个问题而提供的一个示例：

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

翻转图像粉红色是绝对定位的，在黑白图像上方具有更高的z索引。实际用途是每当鼠标滚动到楼板上时，突出显示建筑楼板上的楼板

谢谢

---

Saeid

我不知道这是否适用于您的情况，但一个简单的方法是使黑白图像部分透明，而不是白色，并将粉色图像放在下面，即，给它一个较低的z索引。这有帮助吗？

我已经做过了。虽然它解决了这个问题，但效果并不好，因为我的项目中的主地板要比这个示例详细得多，而且当我在透明版本后放置彩色滚动时，黑色线条和黑色文本周围会出现白色的痕迹。不好啊，那么也许你可以试着用PNG图像代替GIF作为平面图；它们有不止一种透明的颜色，一个alpha通道，所以你可以把平面图混合到背景上。我也用了PNG，但效果仍然不完美。您可以在这里看到一个测试，尽管只有左上角的三个楼层平面处于活动状态。注意文本和一些行周围显示的白色区域。我明白你的意思。问题是，这些像素现在是100%不透明的，它们应该是部分透明的。我认为你可以通过在photoshop或gimp中绘制，或者用透明度作为你的第二/背景色。但我不能完全确定，因为我不是设计师。底线是：你做得对，你只需要改变你的形象：