由于jQuery在WebKit中的动画效果而产生的box-shadow工件

Question

当我尝试将jQuery animate方法应用于带有box-shadow的浮动块附近的浮动块时，一些工件在WebKit中占据一席之地（我在Chrome 18＆amp; 19中进行测试）。

测试用例： http://jsfiddle.net/JxBKM/

有人知道如何防止这种情况吗？

Answer 1

所以我更新了你的fiddle以包含animate：complete函数。基本上它是动画完成时调用的函数。我放在一起的小提琴只在它第一次被调用时起作用，因为它将背景设置为与最初不同的背景。无论出于何种原因，Chrome都不想进行动画，然后再次设置CSS。看看你会明白我的意思。它是第一次工作，但不是后续尝试。

我建议使用盒子阴影的图像，或者每次都使用小提琴来重置它而不是第一次。