Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
WebKit(iPad)CSS3:背景转换闪烁_Ipad_Css_Background_Transition_Flicker - Fatal编程技术网

WebKit(iPad)CSS3:背景转换闪烁

WebKit(iPad)CSS3:背景转换闪烁,ipad,css,background,transition,flicker,Ipad,Css,Background,Transition,Flicker,在Safari/WebKit中,特别是在iPad上,通过CSS3设置背景颜色变化的动画时遇到问题 附上两个屏幕截图,向您展示问题 如果我选择了一种颜色,内圈将从当前颜色淡入新选择的颜色 但是你可以看到,动画中有非常奇怪的方块 最重要的是整个应用程序的背景色(background DIV)也会以选定的颜色着色。但这里不是完全不透明的。只是非常轻,通过: $('#bgWrapper').css('background','rgba(XX,XX,XX,0.1)'); 当我切换到完全不透明度时,这

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

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

  • 如果我选择了一种颜色,内圈将从当前颜色淡入新选择的颜色

    但是你可以看到,动画中有非常奇怪的方块

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

    $('#bgWrapper').css('background','rgba(XX,XX,XX,0.1)');
    
    当我切换到完全不透明度时,这个元素会使颜色完全褪色

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

    我试过的都不管用

    div#bgWrapper
    完美地淡出背景

    div#centering
    没有

    有谁已经和这个打过架了?
    向你们致意,

    好了,伙计们,明白了

    iPad在大元素上制作动画(特别是背景色)时遇到了问题。 我的元素是1600px 1600px,如果a将大小更改为800px 800px,并通过CSS3将其放大一点(缩放(2)),它就可以工作。同样,当元素通过CSS3再次放大时

    希望有帮助