3

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

一切都很好,除了没有显示浮动 div的Safari 。

在此处查看源代码示例jsfiddle

我认为问题来了,因为我给了# left-panel

overflow: auto;

但是当我删除此规则时,我无法再看到#left-panel中隐藏的内容

任何人都可以提出任何建议吗?

编辑

请注意,它在大多数版本中都可以正常工作:Firefox、Chrome、Opera,仅在Safari (7)中存在问题

重要的

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

一些屏幕截图 - 悬停后:

铬合金

铬合金

火狐

火狐

歌剧

歌剧

苹果浏览器

苹果浏览器

4

2 回答 2

2

#left-panel设置position:fixedposition:asbolute我解决了这个问题。有必要有固定的位置吗?

于 2013-11-24T20:40:12.790 回答
1

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

这是 w3.org 上的一个页面,显示了如何针对可访问性问题执行此操作:http: //www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G201

于 2013-11-07T21:13:49.293 回答