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再次放大時。

希望有所幫助。