带有指针事件的iframe:在iOS上的Safari中没有劫持点击

时间:2016-09-16 13:42:49

标签: html ios css iframe

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

1 个答案:

答案 0 :(得分:0)

z-index: -1000;添加负z-index(例如#iframe}可解决此问题。我已经更新了您的fiddle,现在可以在iOS上使用。