Iframe with pointer-events：none劫持iOS上的Safari中的點擊

Question

當存在iframe覆蓋頁面內容且指針事件無時，任何點擊都會通過它並由iframe下方的元素註冊。但由於某些原因，iOS上的Safari不適用。我已經建立了一個簡單的JsFiddle如果你在PC上，你可以點擊綠色文本，它會顯示「Hello World」，但在iPhone上，iframe劫持點擊並沒有任何反應。這是打算？如果沒有，我可以報告它的地方？

的代碼是： 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，像z-index: -1000;例如，您#iframe解決了這個問題。我已經更新了您的fiddle，它現在可以在iOS上運行。