Jquery Safari中的jScrollPane覆盖视频，导致文本失真

我的网站：

---

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

---

问题：单击页面标题中的“日历”或“特价”。覆盖层应显示。覆盖层内有一列带有自定义滚动条（）的文本。在Safari中，只有在具有flash标题的页面上，自定义滚动区域内的文本才会被扭曲。任何其他浏览器（包括Chrome）都不是这样

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

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

谢谢

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

另一个更新：这个问题与flash无关。在HTML5视频上以及Safari中都会出现扭曲/模糊的文本

---

我以前在歌剧方面也遇到过同样的问题，非常烦人… jScrollPane使用overflow:hidden，浏览器插件不太喜欢它

---

但是，由于您的问题出在Webkit上，对于Safari/Chrome？

我在搜索其他内容时遇到了以下文章，我认为这可能很有用：

---

它提到硬件加速和位置：相对是消除抗锯齿的罪魁祸首。关于position:relative（因为jScrollPane在内部需要它），您不能做任何事情，但是更改flash的WMODE可能会有所帮助？

谢谢您的建议@bpierre。没有意识到webkit允许使用css设置滚动条样式。很明显，我不想做一个一次性的webkit滚动条，也不想用jscrollpane来做其他的事情，但说到底，哈哈。谢谢真奇怪！我可以在Safari上复制（但不能在Chrome上复制，Chrome也是一个webkit浏览器）。这是我第一次听说像这样的事情。。。如果你把jScrollPane从等式中去掉，只是浏览器的默认溢出：自动滚动条，那么文本仍然有效吗？这是一个很好的建议@vitch。非常感谢。我删除了jScrollPane，并使列溢出：自动和文本失真尿布！这对我来说意味着jScrollPane、Flash和Safari有些奇怪，哈哈，好奇者和好奇者！我想进一步缩小范围，您可以尝试查看flash内容顶部的“位置：绝对”元素在Safari中是否也有字体混乱…仅绝对位于flash对象上方的元素没有扭曲的文本。似乎只发生在jScrollPane所针对的元素上。感谢您的建议。尝试更改wmode但未成功：/