当在具有Text的对象上使用时,jQuery fadeIn在Safari中呈现得很糟糕

时间:2011-08-29 20:35:04

标签: jquery safari fadein antialiasing

我正在使用jQuery淡入和淡出DIV的内容。除了Safari(PC版本5.1,mac 5.0.5)之外,基本上所有浏览器中的淡入淡出都很好并且看起来很流畅。在Safari中,HTML文本部分以锯齿状和别名的形式淡化,并在最后一秒捕捉到抗锯齿,在动画中创建一个非常明显的“跳跃”。

我在整个互联网上找到的唯一建议是将背景放入div中。我试过了,它似乎工作,但只有不透明的背景(透明的PNG不起作用,部分透明的背景颜色不起作用)。对于我的应用程序来说,这不是一个可接受的解决方案,我的背景图像必须显示在下面。

还有其他人遇到过这个问题吗?任何变通方法,还是出色的解决方案?

作为参考,我使用的是jquery-1.6.2.min.js和一堆插件。 IE7,IE8,FF 5,Chrome 13中的成功测试 - 只在Safari中看到这个小故障/错误。

谢谢!

1 个答案:

答案 0 :(得分:4)

是的,请尝试-webkit-font-smoothing: none;