我们在移动网站上使用Mobiscroll，除了在以下设备上运行正常外，它在以下设备上运行:我老板的三星Galaxy S3(运行库存的Samsung fw和库存的浏览器，但Mobiscroll在Chrome上运行良好)。看起来所有元素的z-index都弄乱了。
看起来像这样:
http://pix.toile-libre.org/?img=1350013732.png
一切都是黑暗的，难以阅读，数字越过箭头。
我玩了一下CSS并删除了页面的透明背景，这使所有颜色恢复正常(由于某些原因，我无法使颜色落后)。但是车轮的数量仍然在箭头的前面。
我在CSS上玩的更多，并且发现-webkit-transform3d使轮子位于所有事物的前面，就像它在所有事物之上都具有自己的层一样。
一段时间后，我终于发现问题是由于菜单栏具有“position:fixed;”(固定:固定)引起的。在它们上，因此它们会紧贴视口(viewport)。一旦将它们放到“position:static;”以外的其他位置，浏览器似乎就会弄乱包括Mobiscroll在内的所有内容。
我需要固定这些菜单，并且页面中的其他元素将变为“position:absolute;”。
知道我该如何解决吗？我应该破解Mobiscroll的CSS和JS来摆脱transform3d和背景，使其看起来不错吗，或者对于这种可怕的设备是否有更好的解决方案？
如果您还有其他需要，请告诉我!
谢谢!
最佳答案
看来这是android 4.0的错误。这里有一个错误报告:
http://code.google.com/p/mobiscroll/issues/detail?id=96