开启硬件加速后出现怪异的Android 4.1/4.2网络视图模糊和z索引错误

开启硬件加速后出现怪异的Android 4.1/4.2网络视图模糊和z索引错误,android,webview,html5-canvas,video-streaming,hardware-acceleration,Android,Webview,Html5 Canvas,Video Streaming,Hardware Acceleration,我使用安卓网络视图将我的HTML5游戏迁移到安卓系统。 Android 5、4.4.x和4.3运行得非常好,但4.1/4.2产生了一个非常奇怪的问题 该游戏是视频、画布和其他DOM元素的组合 在4.1/4.2中,有两种状态: 一切都好,没问题 所有画布元素都忽略z索引并始终位于页面顶部。视频是相同的,但低于所有画布元素。其他DOM元素变得非常模糊 我发现只有在硬件加速打开并且: 在页面顶部显示一个模式框 或成功播放视频(这是HLS视频流) 或者在屏幕上显示太多的元素(我使用transform:s

我使用安卓网络视图将我的HTML5游戏迁移到安卓系统。 Android 5、4.4.x和4.3运行得非常好,但4.1/4.2产生了一个非常奇怪的问题

该游戏是视频、画布和其他DOM元素的组合

在4.1/4.2中,有两种状态:

  • 一切都好,没问题
  • 所有画布元素都忽略z索引并始终位于页面顶部。视频是相同的,但低于所有画布元素。其他DOM元素变得非常模糊
  • 我发现只有在硬件加速打开并且:

  • 在页面顶部显示一个模式框
  • 或成功播放视频(这是HLS视频流)
  • 或者在屏幕上显示太多的元素(我使用transform:scale使应用程序适合屏幕大小,如果我将3/4的元素从屏幕上翻译出来,错误将被修复)
  • 我知道如果我关闭硬件加速,这个错误可以修复,但我不允许这样做。有人能帮忙吗

    我是否可以通过CSS/JavaScript关闭硬件加速

    或者,有没有解决这个问题的办法


    测试设备:4.2 Galaxy S4,4.2 HW注1W

    尝试使用translateZ控制模拟z指数:

    canvas{
        -webkit-transform: translateZ(-1px);
    }
    otherDiv{
        -webkit-transform: translateZ(0px);
    }