Question

我正在使用PhoneGap创建一个Android应用。我正在使用HTML + CSS + jQuery，我不使用jQueryMobile或任何其他移动框架，因为它是一个简单的应用程序。

我的问题是，如果我设置android:hardwareAccelerated="true"，应用程序比我设置android:hardwareAccelerated="false"慢得多，但是当我设置硬件加速为false时，我的CSS3过渡效果不佳。< / p>

例如，当侧边栏打开时，我有一个透明的封面div：

    div.cover {
        position:absolute;
        top:100px;
        bottom:0;
        left:0;
        right:0;
        z-index:99;
        background:rgba(0,0,0,0.3);
        visibility:hidden;
        opacity:0;
        transition:all 0.5s ease-out;
        -webkit-transition:all 0.5s ease-out;
    }

    div.cover-in {
        visibility:visible;
        opacity:1;
        transition:all 0.5s ease-out;
        -webkit-transition:all 0.5s ease-out;
    }

我正在使用jQuery添加cover-in类并将其移除到div.cover以应用效果。

硬件加速启动它可以工作，但整个应用程序速度较慢，硬件加速关闭，在效果激发之前会出现黑色闪烁。

有没有解决这个问题的建议？

在Android上硬件加速时，CSS3转换问题

0 个答案: