可以有一个外部div和一个包含pointer-events: none的div;而另一个内部div包含pointer-events: auto;。外层的div对点击事件是透明的(例如,它不会对点击事件做出反应,但底层的html控件会),而内部的div会。
然而,我现在有一个场景,我需要用iframe做同样的事情,但它不起作用。我在iframe上设置了pointer-events: none;,但是即使有pointer-events: auto;设置,应该可以点击的内部div也不能点击。
There is another similar question here,但is因离题而被关闭。我不明白为什么。这是一个非常有效的html/css问题。
发布于 2014-05-07 01:47:22
iFrames被当作一个单独的内容,而不是iFrame所在页面的一部分,所以,不,这是不可能的。
渲染器和DOM将iFrame视为黑盒。例如,这就是为什么您不能运行iFrameElement.childNodes[0]等常规方法(并获取iFrame的<html> )的原因。你必须运行iFrameElement.contentWindow.document.documentElement或者类似的东西。这是一个完全独立的浏览上下文。
https://stackoverflow.com/questions/23499688
复制相似问题