鼠标悬停时显示Floating Div

Question

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

一切正常，但 Safari 除外，其中未显示浮动div。

请参阅此处的来源示例jsfiddle

我认为问题即将来临，因为我给了＃left-panel 一个

overflow: auto;

但是当我删除此规则时，我再也看不到＃left-panel

中隐藏的内容

有人可以提出任何建议吗？

修改

请注意，它在大多数版本中运行良好：Firefox，Chrome，Opera，仅在 Safari（7）

中出现此问题

重要

即使我喜欢使用一些插件，但出于性能问题，我仍然坚持使用纯JavaScript代码和CSS。任何要解决的css规则都是我想要的解决方案

一些截图 - 悬停后：

铬

火狐

戏

Safari浏览器

Answer 1

我会把它放在评论中，但它不会让我添加评论。尝试使用绝对定位并将块完全放在窗外;当用户将鼠标悬停在上面时，将该块放置在页面上您想要的位置。你可以使用CSS。

以下是w3.org上的一个页面，其中显示了如何针对辅助功能问题执行此操作：http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G201。

Answer 2

为＃left-panel设置position:fixed到position:asbolute可以解决我的问题。是否有必要有固定的职位？