Javascript Threejs css3渲染器在Android 4.0上导致深度问题+

我正在创建一个相当简单的3D环境，用于在手机上运行。为此，我使用three.js和CSS3渲染器。我对所有元素使用JPG，然后将它们添加到3D对象中。下面是一个例子：

var alley1LeftWall = document.createElement('div');
var alley1LeftImg = document.createElement('img');

alley1LeftWall.style.background = 'rgba(0,0,0,1)';
alley1LeftWall.id = 'alley1LeftWall';
alley1LeftWall.style.width = '1000px';
alley1LeftWall.style.height = '200px';

alley1LeftImg.src = 'img/alley1_left_wall.jpg';

alley1LeftWall.appendChild(alley1LeftImg);


var alley1LeftWall3d = new THREE.CSS3DObject(alley1LeftWall);
alley1LeftWall3d.position.x = -50;
alley1LeftWall3d.position.y = 0;
alley1LeftWall3d.position.z = -700;
alley1LeftWall3d.rotation.x = 0;
alley1LeftWall3d.rotation.y = (Math.PI/180)*90;
alley1LeftWall3d.rotation.z = 0;

想象一下3D环境，比如经典的Wolfenstein游戏

这种体验在iPhone5上运行得非常完美，但当我在Android设备上测试时，我遇到了一些深度问题。在动画期间，远墙将在前景上方弹出，并在深度内和深度外闪烁

在我研究这个问题的过程中，我真正能发现的是Android确实存在一些z索引问题，但我不确定这是问题所在，因为threejs使用css3 3D进行深度搜索

我在threejs IRC聊天室问了这个问题，但没有真正得到任何结果，可以理解，大多数人对WebGL而不是CSS3渲染器感兴趣

就像以前有人经历过的那样？这是安卓手机的特定限制吗

谢谢

编辑： 移动设备上的Chrome v18在CSS3D翻译方面存在重大问题。这似乎是一个已知的错误

仍然在与Android上的标准浏览器抗争。仍然非常有缺陷，但没有Chrome v18那么糟糕