关于 css:WebKit (iPad) CSS3: 背景过渡闪烁

WebKit (iPad) CSS3: Background transition flickers

在 Safari / WebKit 中通过 CSS3 动画改变背景颜色时遇到问题,特别是在 iPad 上。

附上两张截图来说明问题。

  • 图 1
  • 图 2
  • 如果我选择一种颜色,内圈应该从当前颜色淡化为新选择的颜色。

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

    最重要的是整个应用程序的背景颜色(背景 DIV)也以选定的颜色着色。但这里并非完全不透明。非常轻松通过:

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

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

    圆圈元素(div#centerRing)一直在闪烁。即使我附加与 div#bgWrapper 上相同的 CSS 样式或也通过 RGBA.

    更改颜色

    我尝试过的任何方法都不起作用。

    div#bgWrapper 完美地淡化背景。

    div#centerRing 没有。

    有谁已经和这个打过架了?
    最好的问候,


    好的,伙计们,明白了!

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

    希望对您有所帮助。