为什么图像不透明度动画在Firefox和Chrome中运行顺畅而不是Safari?

时间:2011-04-05 20:48:14

标签: javascript jquery animation google-chrome safari

我有一些绝对位于顶部的兄弟图像:0和左:0相对于它们的父div。默认情况下,最后一个图像位于顶部。我使用jQuery通过动画制作不透明度逐个淡化图像:0从最上面的图像开始“父div中的最后一个图像”。出于某种原因,动画在firefox和chrome中看起来很流畅,但不是safari?可能发生这种情况的原因是什么? 提前致谢。

2 个答案:

答案 0 :(得分:0)

你确定这是动画故障吗?我有一个案例,使用box-shadow:inset...-webkit-box-shadow:inset...导致safari滞后。如果你可以将它隔离到jQuery,那么我不确定是怎么回事。你使用cycle吗?

答案 1 :(得分:0)

我不知道jQuery如何处理Safari中的不透明度。如果它没有使用webkit CSS属性,那可能就是原因。不透明度的webkit CSS属性将表现得更好。