Javascript 图像悬停居中，而不是相对于悬停在其上的链接

在我正在开发的一个网站上，我在一个容器中得到了一些图像，这些图像需要显示在悬停文本上。这工作平稳，但

每当图像出现时，它都会停留在与上一次悬停相同的位置。我试图使图像只出现在链接，它是相关的，但它不会工作

我运行了一些JavaScript来随机化链接颜色

---

您可以在这里找到正在运行的网页：它位于标题为“生物学与时尚”的选项卡上。

感谢您提供的工作示例。如果将图像嵌套在

a

标记的内，它将自动将自身定位在链接旁边。然后，您可以为

top

和

left

添加一些规则，以便像您的网站现在一样在链接上定位它们

---

你能给我们看一些代码来告诉我们你尝试了什么吗？嗨，奥利，你能给我们看一下你的代码吗？@nsayer谢谢你的回复。我不知道如何把它放在这里，所以我上传了一些截图到谷歌drive@OllyLenain我看不到任何css或js代码在您定位图像的位置？您应该将图像嵌套在每个链接旁边（或内部）的html中，或者计算悬停图像的

top

和

left

值。如果你可以创建一个或其他的例子，我可以帮助更多。惊人的谢谢你！我真的很感谢你的帮助。当图像打开时，是否可以阻止后面的文本向下移动？@OllyLenain是的，您可以将

位置：相对

添加到

.imgTrigger

类，然后将

.hoverImage

更改为

位置：绝对

：