javascript - 使用数据切换工具提示映射鼠标悬停

Question

这是这个问题的延续

Image with a link in a specific point

我找到了 onmouseover 属性，我认为它可能会触发一个函数这一事实非常有趣。

好吧，我必须在我归因于 onmouseover 属性的 map 区域的顶部显示一个工具提示。

有什么办法可以做到这一点吗？ 我一直在尝试做，但我无法在该区域的顶部显示它，只能分开

这是我尝试过的:

  <area  id="test" data-toggle="tooltip" data-placement="left" title="Tooltip on left" shape="rect" href="" onmouseover='' onmouseout='' coords="750,435,540,300">

Answer 1

将您的 map 用作背景图像:

#mapcontainer { background-image: url('path/to/map.png'); }

然后只需对齐同一容器内的文本区域或输入:

#mapcontainer input[type="text"] { margin-left: 100px; margin-top: 100px; /*change as necessary*/ }

背景图像使您不必向文本框添加绝对位置/z-index 组合。