当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;
}