WebKit（iPad）CSS3：背景过渡闪烁

Question

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

附上两张截图来向你展示问题。

1. Image 1
2. Image 2

如果我chosse颜色，内圆应从当前颜色所选择的新的褪色。

但是在动画中有非常奇怪的方块，就像你看到的那样。

大的事情是整个应用程序（背景DIV）的背景颜色也得到所选颜色的颜色。但在这里不是完全不透明的。只是很轻的通过：

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

这个元素完美褪色 - 也当我切换到完全不透明。

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

没有我试过的作品。

div#bgWrapper完美地淡化背景。

div#centerRing没有。

任何人在那里谁已经与这个战斗？ 最好的问候，

Answer 1

好吧，伙计们，明白了！

iPad在动画（空间背景色）上遇到大元素问题。 我的元素是1600像素x 1600像素，如果将尺寸更改为800像素x 800像素并通过CSS3将其缩放（比例尺（2））即可。此外，当元素通过CSS3再次放大时。

希望有所帮助。