Jquery 在鼠标上方显示浮动Div

我有一个简单的配置，我使用一个左面板，带有一个悬停占位符，当我悬停一个占位符（例如链接）时，我在右侧显示一个浮动div

除了未显示浮动div的Safari之外，其他一切都正常工作

请参见此处的源代码示例

我认为问题来了，因为我给了左面板一个

overflow: auto;

但是，当我删除此规则时，我无法再看到从左面板隐藏的内容

有人能提出什么建议吗

编辑 请注意，它在Firefox、Chrome、Opera的大多数版本中都能正常工作，问题只出现在Safari（7）

重要的 即使我喜欢使用一些插件，出于性能问题，我还是坚持使用纯javascript代码和css。任何解决这个问题的css规则，我都会选择

一些屏幕截图-悬停后： 铬

火狐

歌剧院

狩猎

---

我会把它放在评论中，但它不允许我添加评论。尝试使用绝对定位，并将挡块完全放置在车窗外；当用户将鼠标移到上方时，将块定位到页面上所需的位置。您可以使用CSS来实现这一点

---

这里是w3.org上的一个页面，展示了如何解决可访问性问题：。

设置

position:fixed

到

position:asbolute

for#左面板为我解决了问题。需要固定位置吗？

为什么不使用工具提示？？）我展示的内容非常复杂，可能包含滑块和其他东西，我只举了一个例子来解释我的想法problem@AbuRomaïssae有很多工具提示插件，允许在提示中使用复杂的HTML结构。例如Qtip2。

在我的真实项目中，我甚至没有使用jquery（只是简单的js），

你在小提琴中使用jquery，并且你为这个问题标记了jquery。为什么是这样……你可以使用CSS来实现工具提示：