WebKit（iPad）CSS3：背景转换闪烁

Question

在Safari / WebKit中通过CSS3动画更改背景颜色时出现问题。

附上两个截图，向您展示问题。

1. Image 1
2. Image 2

如果我选择一种颜色，内圈应该从当前颜色渐变到新选择的颜色。

但是你可以看到动画中有很奇怪的方块。

最重要的是整个应用程序（背景DIV）的背景颜色也会以所选颜色着色。但这里没有完全不透明。非常轻松的通道：

$('#bgWrapper').css('background','rgba(XX,XX,XX,0.1)');

这个元素完美地淡化了颜色 - 当我切换到完全不透明时。

圈元素（div#centerRing）一直闪烁。即使我附加与div#bgWrapper相同的CSS样式，也可以通过RGBA更改颜色。

我没有尝试过任何作品。

div#bgWrapper完美地淡化了背景。

div#centerRing没有。

那些已经与之斗争的人？ 最好的问候，

Answer 1

好的伙计们，明白了！

iPad在大元素上的动画（空间背景色）出现问题。 我的元素是1600px x 1600px，如果将大小更改为800px x 800px并通过CSS3将其缩放（scale（2））它可以工作。此外，当元素通过CSS3再次升级时。

希望有所帮助。