jScrollPane在Safari中过度视频导致文本失真

Question

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

---

我的浏览器/ os： Safari 5.0.4 + / Mac

---

问题：点击页面标头中的“日历”或“特价”。叠加层应该显示出来。在该叠加层内部有一些带有自定义滚动条（jScrollPane）的文本列。在Safari中，仅在具有Flash标题的页面上，自定义滚动区域内的文本被扭曲。在任何其他浏览器（包括Chrome）中都不是这种情况。

我最好的猜测是它与flash对象的wmode参数有关。我尝试将wmode从'transparent'更改为'opaque'，但问题仍然存在。我还考虑过z-index相关问题的可能性......从我所知道的，这也不是问题。

我已经在网上搜索过高低的其他正在经历类似但我没有成功的人。非常感谢您提供的任何帮助。

谢谢！

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

另一个更新：此问题与闪存无关。扭曲/模糊的文本也出现在HTML5视频上以及Safari中。

Answer 1

我前几次遇到过与Opera相同的问题，非常烦人...... jScrollPane使用overflow：hidden，浏览器插件不太喜欢。

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

Answer 2

我在搜索不同的内容时遇到了以下文章，我认为它可能有用：

http://johanbrook.com/design/css/a-fix-for-antialiasing-issues-in-webkit-browsers/

它提到了硬件加速和位置：相对是消失的抗锯齿的罪魁祸首。你不能对position：relative做任何事情（因为jScrollPane需要内部）但是改变flash的WMODE可能有帮助吗？