css - 在 Windows Phone 中通过 z-index 锁定屏幕

标签 css cordova windows-phone-8 z-index

我在应用加载数据时使用加载器,加载器下有黑屏, 链接和导航元素应该在那个时候被锁定,应用程序是基于 phonegap 的应用程序,在 iOS 和 Android 中一切正常。 问题出在 WP8 中,屏幕很暗,但链接和导航是可点击的。 这是我的加载器 css 代码

.loader {
background: rgba(0,0,0,0.6);
width:100%;
height:100%;
position:absolute;
left:0;
right:0;
z-index:1000;
}

我已经研究并找到了一种使用透明图标而不是 rgba 着色的解决方案,但它无法解决问题。请任何解决方案或想法如何解决这个问题。

最佳答案

问题已通过 JavaScript 解决。 我已将点击事件监听器添加到我的加载器元素 (.loader)。

$(.loader).on("click",function(e){
    e.preventDefault();
});

关于css - 在 Windows Phone 中通过 z-index 锁定屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25028820/

相关文章:

html - CSS3 : How can I get something that works like "absolute" but isn't?

html - 从 primefaces 表中的一列中删除边框的问题

android - Font Awesome 4.1.0 在 Cordova android 模拟器中不起作用

android - Phonegap 在线 Android 应用程序发布版本未安装到我的手机中?

c++ - 在 GNU/Linux 上为 Windows Phone 8(及更高版本)编程

html - 如何使某个符号在视口(viewport)断点处消失?

javascript - 有条件地填充 d3 中两条线之间的区域

android - Android Instant Apps 可以与 Hybrid 应用程序集成吗?

c# - 试图让方法等待内部事件处理完成

c# - 使用范围 wl.signin 登录真实账户请求太多权限