Javascript 为什么图像不透明度动画在Firefox和Chrome中运行平稳,而不是Safari?

Javascript 为什么图像不透明度动画在Firefox和Chrome中运行平稳,而不是Safari?,javascript,jquery,animation,google-chrome,safari,Javascript,Jquery,Animation,Google Chrome,Safari,我有几个兄弟图像,它们相对于其父div绝对位于顶部:0和左侧:0。默认情况下,最后一个图像位于顶部。我正在使用jQuery通过动画设置为不透明度(从最上面的图像开始,即父div中的最后一个图像)一次一个地淡出图像。出于某种原因,动画在firefox和chrome中看起来很平滑,但在safari中却不平滑?发生这种情况的原因有哪些?提前谢谢。您确定是动画故障吗?我有一个案例,其中使用框阴影:插图。。。和-webkit框阴影:插图。。。导致狩猎活动滞后。如果您可以将它隔离到jQuery,那么我不确定

我有几个兄弟图像,它们相对于其父div绝对位于顶部:0和左侧:0。默认情况下,最后一个图像位于顶部。我正在使用jQuery通过动画设置为不透明度(从最上面的图像开始,即父div中的最后一个图像)一次一个地淡出图像。出于某种原因,动画在firefox和chrome中看起来很平滑,但在safari中却不平滑?发生这种情况的原因有哪些?提前谢谢。

您确定是动画故障吗?我有一个案例,其中使用框阴影:插图。。。和-webkit框阴影:插图。。。导致狩猎活动滞后。如果您可以将它隔离到jQuery,那么我不确定发生了什么。您使用了吗?

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

否,我正在使用jQuery的动画。您确定是jQuery动画使其变慢了吗?