Z-index没有在三星Galaxy标签上工作？

Question

我在这个工作项目上工作,在三星星系标签上播放电子学习.游戏只是一个网站,但将显示为应用程序.

当您第一次登录时,您会看到一条带有此欢迎信息的弹出窗口,其后面是带有透明度的黑色叠加层.

问题是在PC上虽然在Firefox上一切都很好但在平板电脑上Z-index似乎不起作用.它无法调试,我无法找到有关此问题的任何文档.那么有人知道z-index在平板电脑上的工作方式是否有所不同,或者如何解决？

弹出窗口有z-index 999,叠加层是z-index 998,有什么想法？我将继续搜索谷歌,并将发布我所做的所有进展.

编辑:将在Jquery中创建叠加层:var showPopup ='<%= ViewData("showPopup").toString()%>'

if (showPopup == "True") { $('body').prepend('<div class="overlay"></div>'); $('#welcomeBox').show(); }

现在解决,请参阅解决方案的评论.

Answer 1

迟到了,但我发现最好的解决方案是添加-webkit-transform:translate3d(0,0,0); 到绝对定位和z索引的项目.每次都解决了我的问题.

Answer 2

找到了答案，答案部分在 stackoverflow 上，可以在这里找到：Android Webkit: Absolutely located elements don'tspect z-index

其余的都是在教程中找到的。

解决方案如下：

我在 jQuery 中添加了覆盖层，但弹出窗口位于 html 中，但只是隐藏了。所以我也将这部分代码添加到 jQuery 检查中。为了防止弹出窗口继承覆盖层的不透明度，我不得不$('body').prepend再次使用。现在一切正常了。