我正在为这个项目工作，其中电子学习将在三星galaxy tab上播放。游戏只是一个网站，但将显示为应用程序。
当你第一次登录时，你会看到一个弹出的欢迎信息，后面是一个黑色的透明覆盖。
问题是，在PC上，虽然在firefox上，它都工作得很好，但在平板电脑上，z指数似乎不起作用。这是不可能调试的，我找不到任何关于这个问题的文档。有谁知道z-index在平板电脑上的工作方式是否不同，或者我该如何修复它?
弹出窗口的z-index为999，覆盖层的z-index为998，对此有什么想法吗?我将继续在谷歌上搜索，并将我取得的所有进展发布出来。
编辑:叠加将在Jquery中创建:var showPopup = ' & lt; % =视讯系统("showPopup").toString () %> "
if (showPopup == "True") { $('body').prepend('<div class="overlay"></div>'); $('#welcomeBox').show(); }
已解决，详见注释
太晚了，但是，我发现最好的解决方案是添加-webkit-transform: translate3d(0,0,0);到绝对定位并以z为索引的项。每次都能解决我的问题
找到了答案，Android Webkit:绝对定位元素不尊重z-index
其余的在教程中找到。
解决方案如下:
我在jQuery中添加了叠加，但弹出窗口是在html中，只是隐藏。所以我将这部分代码也添加到jQuery检查中。为了防止弹出继承叠加的不透明度，我不得不再次使用$('body').prepend。现在一切正常了。