我不知道从哪里开始。我非常有信心有一个解决方案可以解决我想要完成的事情，但我在寻求帮助时可能没有使用正确的术语。
在我为一家航空公司建立的网站上，我想显示一张 map 图像。 map /图像将在 map 上标记几个关键位置(旅行目的地)。每个航类在 map /图像上的出发点都是相同的。当用户将鼠标指针移到标记位置上时，我希望代表飞机飞行路径的轨迹线(虚线)出现在出发点和所选标记位置之间。当用户将鼠标指针移离标记位置时，轨迹线将消失。
我想我可以使用图像映射并让热点以这样的方式运行:当我用鼠标滚动时，透明图像(包含我的轨迹线)会出现在我的基础 map /图像之上。除了这种效果，我还希望出现一个位置独有的文本框。文本框不会很大，但会有几行包含所选位置的一些航类信息。
我不确定从哪里开始这个元素。任何帮助将不胜感激!!
最佳答案
对不起，我昨晚忘了完成它。我也没有让它与纯 css 一起工作，尽管有一种方法。这种方式也适用于
document.getElementById(yourid).style.opacity=1;
悬停。基本上它是一对堆叠在一起的图像。
关于css - 使用基础图像上的热点在基础图像之上触发透明图像层 (.png)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15171168/