我正在为这个项目工作，在那里将在三星Galaxy选项卡上播放电子学习。游戏只是一个网站，但会显示为app。
当您第一次登录时，您会看到一条带有此欢迎信息的弹出窗口，其后面是一个透明的黑色叠加层。
问题是在PC上虽然在Firefox上一切都很好但在平板电脑上Z-index似乎不起作用。它无法调试，我无法找到有关此问题的任何文档。 那么有人知道z-index在平板电脑上的工作方式是否有所不同，或者如何解决？
弹出窗口有z-index 999，叠加层是z-index 998， 有什么想法吗？ 我将继续搜索谷歌，并将发布我所做的所有进展。
编辑： 叠加层将在Jquery中创建： var showPopup ='＆lt;％= ViewData（“showPopup”）。toString（）％＆gt;'
if (showPopup == "True") { $('body').prepend('<div class="overlay"></div>'); $('#welcomeBox').show(); }
现在解决了，请参阅评论解决方案。
答案 0 :(得分：9)
晚会，但我发现最好的解决办法是添加-webkit-transform：translate3d（0,0,0）;到绝对定位和z索引的项目。 每次都解决了我的问题。
答案 1 :(得分：0)
找到答案， 答案部分在于stackoverflow可以在这里找到：Android Webkit: Absolutely positioned elements don't respect z-index
其余部分在教程中找到。
解决方案如下：
我在jQuery中添加了叠加层，但弹出窗口是在html中但只是隐藏了。
所以我将这部分代码添加到jQuery检查中。
为防止弹出窗口继承叠加层的不透明度，我必须再次使用$('body').prepend。这一切现在都有效。