Css 工具提示跟随元素/点

我对CSS工具提示有一些问题。好吧，让我解释一下，假设我必须想象一下。 一张图片位于浏览器的左上角，另一张图片位于浏览器的右上角

当我将鼠标指向左角图片时，工具提示打开图片的右侧位置，这是正确的位置，但当我将鼠标指向右角图片时，它仍然打开图片的右侧位置，这是错误的位置

我需要的是，当我将鼠标指向右上角图片时，工具提示会在图片左侧自动打开

CSS可以做到这一点，或者更好地使用javascript打开工具提示？因为我尝试使用相对位置或绝对位置，结果仍然相同

---

例如，请点击以下链接：

我认为使用javascript会更幸运。下面是一个非常好看的jQuery Tootip插件示例，它允许您设置相对于元素的位置

---

将数据工具提示属性与伪元素

:before

和

:before

---

这是我要重新创建的

。但是我忘记了JSFIDLE域名。类似于chrome在底部的“状态”中所做的，它在上面保存链接，例如“等待…”或“发送请求”，当你将鼠标悬停在它上面时，它如何切换到屏幕的另一边？这就是你想要的效果吗？我会试试，如果这不是我的意思，或者甚至是我的意思，我会再回来。你好，这段代码似乎对我有用，但我不知道如何调用这段代码的函数，请帮助我。我想在图像上使用，当我把鼠标指向图像时，它会显示工具提示，我有很多图像，所以我只需要很短的javascript代码就可以用div调用这个函数。请看一下这个[code][1][1]：也许我可以将它设为外部javascript文件，这样我就可以在我的html文件中调用它。但当鼠标滑过图像时，我需要在图像上使用短代码。我会尝试，如果这不是我的意思，甚至这不是我的意思，我会再次返回。当我放置右侧的锚文本时，工具提示仍然显示在浏览器外。请为您的问题创建一个演示