jquery - jScrollPane 在 Safari 中覆盖视频导致文本扭曲

Question

我的网站: http://shuttersonthebeach.com

<小时/>

我的浏览器/操作系统: Safari 5.0.4 +/Mac

<小时/>

问题:点击页面 header 中的“日历”或“特价”。覆盖层应该会显示出来。该覆盖层内部有一些带有自定义滚动条的文本列( jScrollPane )。在 Safari 中，只有在具有 Flash 标题的页面上，自定义滚动区域内的文本才会扭曲。在任何其他浏览器(包括 Chrome)中都不会出现这种情况。

我最有根据的猜测是它与 flash 对象的 wmode 参数有关。我尝试将 wmode 从“透明”更改为“不透明”，但问题仍然存在。我还考虑了 z-index 相关问题的可能性...据我所知，这也不是问题。

我在网上到处搜索是否有其他人经历过类似的事情，但没有成功。如果您能提供任何帮助，我们将不胜感激。

谢谢!

更新:我确定删除 jScrollPane 并添加溢出自动修复文本失真问题[请参阅附图]。当然，这不是一个解决方案，因为我不想使用默认的浏览器滚动条，但它可能对调试有用。

另一更新:此问题与闪存无关。 HTML5 视频以及 Safari 中都会出现扭曲/模糊的文本。

Answer 1

我之前在 Opera 上也遇到过同样的问题，非常烦人……jScrollPane使用overflow:hidden，而浏览器插件不太喜欢这样。

但是由于您的问题出在 Webkit 上，you could do it with CSS适用于 Safari/Chrome？