0

在 iPad 上通过 Safari/WebKit 中的 CSS3 对背景颜色的变化进行动画处理时遇到了问题。

附上两个屏幕截图来向您展示问题。

  1. 图 1
  2. 图 2

如果我选择一种颜色，内圈应该从当前颜色淡化为新选择的颜色。

但是你可以看到在动画过程中有非常奇怪的方块。

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

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

这个元素完美地淡化了颜色——当我切换到完全不透明时也是如此。

圆圈元素 ( div#centerRing) 一直闪烁。即使我附加与 on 相同的 CSS 样式div#bgWrapper或通过 RGBA 更改颜色。

我尝试过的没有任何效果。

div#bgWrapper完美地淡化背景。

div#centerRing没有。

有谁已经和这个打过架了吗？最好的问候，

4

1 回答 1

1

好的，伙计们，明白了！

iPad 在大元素的动画（空间背景颜色）方面遇到了问题。我的元素是 1600 像素 x 1600 像素，如果将大小更改为 800 像素 x 800 像素并通过 CSS3 将其放大一点（缩放（2）），它就可以工作。同样，当元素通过 CSS3 再次放大时。

希望有帮助。

于 2013-02-02T13:32:29.360 回答