どのようにウィンドウの電話の透明なオーバーレイdivの下にある要素のクリックを防ぐことができますか？

Question

htmlとjavascriptを使用してモバイルWebアプリケーションを開発しています。このアプリケーションではオーバーレイの読み込みを開発するタスクがあり、透明なdivをオーバーレイとして作成しましたが、ポップアップでは下にある要素透明なdiv.ButだけWindowsの携帯電話（IEブラウザ）それは私が基本的な要素をクリックすることが可能です。どのように私はこれを防ぐことができますか？それは

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

Answer 1

ブロックをoverlaypageするのonclick attribureをを追加するためにCSSの下に与えられた私は、適用されています。同様：

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

Answer 2

私が最初にここにこの質問を見つけましたが、私は私のために働いhere CSSのみのソリューションを持っていた別のSOのポストを見つけました。

次のようにCSSの要旨は次のとおりです。

私の場合は

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

、私は同様にテキストを持っていた、と私は、ユーザーがそれを選択できるようにしたくなかったので、以下を追加しました（参照ユーザー選択hereとhere）：

.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 */  
}