CSS3过渡问题，当硬件加速在Android上为真时

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

我的问题是，如果我设置android:hardwareAccelerated=“true”，应用程序的运行速度比我设置的要慢得多，但是当我将硬件加速设置为false时，我的CSS3转换无法正常工作

例如，我有一个透明的cover 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添加到
div.cover
并将其删除以应用效果

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

有什么建议可以解决这个问题吗？
也许可以试试这个：我知道你说过你不使用jQuery mobile，但这似乎还是有帮助的。另外，可能想尝试禁用页面缩放，以及这里提到的一些事情（有些类似）：谢谢你的回答，但我想我有一个不同的问题。不仅仅是眨眼。例如，我还有一个带有CSS3转换的滑动面板，通过硬件加速，它工作得很好，但是没有它，动画不会启动，我的面板也不会显示。