Safari中的视频上的jScrollPane导致文本变形

|| 我的网站:http://shuttersonthebeach.com 我的浏览器/操作系统:Safari 5.0.4 + / Mac 问题:点击页面标头中的\“ calendar \”或\“ specials \”。覆盖物应显示出来。在该覆盖图的内部,带有自定义滚动条(jScrollPane)的文本列。在Safari中,仅在具有Flash标头的页面上,自定义滚动区域内的文本会失真。在任何其他浏览器(包括Chrome)中,情况并非如此。 我最有教养的猜测是,它与flash对象的wmode参数有关。我尝试将wmode从\'transparent \'更改为\'opaque \',但问题仍然存在。我还考虑了与z索引相关的问题的可能性……据我所知,这也不是问题。 我已经在网上上下搜索其他遇到类似情况但未成功的人。您能提供的任何帮助将不胜感激。 谢谢! 更新:我确定删除jScrollPane并添加溢出自动修复了文本失真问题[请参见附件图像]。当然,这不是解决方案,因为我不想使用默认的浏览器滚动条,但是它可能对调试有用。 另一个更新:此问题与Flash无关。扭曲/模糊的文本同时出现在HTML5视频和Safari中。     
已邀请:
我之前在Opera上遇到了同样的问题,非常烦人…… jScrollPane使用overflow:hidden,浏览器插件不太喜欢。 但是由于您的问题出在Webkit上,您可以使用CSS for Safari / Chrome来解决吗?     
我在搜索其他内容时遇到了以下文章,我认为这可能很有用: http://johanbrook.com/design/css/a-fix-for-antialiasing-issues-in-webkit-browsers/ 它提到了硬件加速和位置:相对是消失的抗锯齿的罪魁祸首。您不能对位置做任何事情:相对的(因为jScrollPane内部需要此位置),但是更改闪存的WMODE可能会有所帮助吗?     

要回复问题请先登录注册