ポインタイベントのあるiframe：none iOSのSafariでクリックを打ち切る

Question

ポインタイベントなしでページコンテンツをオーバーレイするiframeがある場合、クリックはそれを通過し、iframeの下の要素によって登録されます。しかし何らかの理由で、これはiOSのSafariでは当てはまりません。あなたがPCにいる場合、緑色のテキストをクリックすると "Hello World"が表示されますが、iPhoneではiframeがクリックを乗っ取って何も起こりません。これは意図されていますか？私はそれをどこかに報告できませんか？

コードは次のとおりです。 負のzインデックスを追加HTML

<p onclick="$('#hidden').show()"> 
Clicking me shows Hello World underneath. But in Safari on iOS the iframe ovalaying me hijacks the clicks even though it has pointer events none 
</p> 
<p id="hidden" style="display:none"> 
Hello World! 
</p> 
<iframe id="iframe" src=""></iframe> 

CSS

#iframe { 
position: fixed; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
background: orange; 
opacity: 0.2; 
pointer-events: none; 
} 

Answer 1

、例えばz-index: -1000;のように、あなたの#iframeにこの問題を解決します。私はあなたのfiddleを更新しました.iOS上で動作します。