Javascript 在滚动div中，将工具提示图像悬停在鼠标指针附近？

我有一个span元素，它在文本中多次出现，并且总是有一个子元素。我现在已经开始将这些跨距添加到页面的一个部分中，该部分在其内部滚动，这是一个最大高度为500px和overflow-y:scroll的div，悬停在该div中的跨距上会产生可怕的向下偏移结果，通常会导致图像在页面上不可见。我尝试过各种布局关键字，但实际上没有解决问题。当div一直滚动到顶部时没有问题，但是开始向下滚动div以显示其他跨距，并且工具提示图像逐渐向下移动页面，直到它完全消失

如果我将位置更改为inherit，它至少会接近触发它的跨距，但它会将文本推到一边，而不是将光标悬停在文本上，尽管有z索引。这是到目前为止我得到的最接近的结果。

你的.tooltipLink有位置：relative吗

---

请提供小提琴链接或演示链接，以便我们更好地帮助您。您的.tooltipLink是否有位置：相对？-检查this@GL.awog这解决了问题，如果你回答我，我会接受的。

.tooltipLink img {
  float:left;
  display:none;
}
.tooltipLink:hover img{
  display:inherit;
  position:absolute;
  z-index:1000;
  overflow:hidden;
  border-radius: 13px;
}

.tooltipLink {
  position:relative;
}