可以有一个带有指针事件的外部div:none;并在其中使用指针事件的另一个div:auto;。外部div对于单击事件是透明的(即它不会对点击事件作出反应,但是底层的html控件会响应)而内部的div将会发生。
但是,我现在有一个场景,我需要用iframe做同样的事情,但它不起作用。我设置了pointer-events:none;在iframe上,但是那些应该可点击的内部div甚至不具有指针事件:auto;集。
There is another similar question here,但由于偏离主题而被关闭。我不明白为什么。这是一个非常有效的html / css问题。
答案 0 :(得分:3)
iFrame被视为单个内容,而不是iFrame所在页面的一部分,因此,不,这是不可能的。
渲染器和DOM将iFrame视为黑盒子。这就是为什么你不能运行像iFrameElement.childNodes[0]
和类似的常规方法(并获得iFrame的<html>
)的原因。你必须运行iFrameElement.contentWindow.document.documentElement
或类似的东西。这是一个完全独立的浏览环境。