如何防止点击windows phone中透明叠加div下的元素？

Question

我正在使用html和javascript开发一个移动Web应用程序.我有一个任务是在这个应用程序中开发加载叠加层,我已经将透明div作为叠加层,而它需要防止点击透明下的元素div.但只有在Windows手机(IE浏览器)中,我可以点击底层元素.我怎么能阻止这个？给出了我申请的css

.overlaypage {
top: 0px;
opacity: .5;
background: black;
position: absolute;
height: 100%;
width: 100%;
pointer-events: visible;
display: block;
z-index: 1001;
}

Answer 1

我在这里发现了这个问题，第一，但我发现了另一个SO职位，有这样的工作对我来说是唯一的CSS的解决方案在这里。

CSS的要旨如下：

.overlay {
  height: 0px;
  overflow: visible;
  pointer-events: none;
  background:none !important;
}

就我而言，我也有文本，并且我不希望用户能够选择它，因此添加了以下内容（请参见此处和此处的用户选择）：

.overlay {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */    
}

Answer 2

将onclick属性添加到overlaypage 块。喜欢：

<div class="overlaypage" onclick="return false;"></div>