Css 是否可以单击IFrame?

Css 是否可以单击IFrame?,css,html,events,dom,pointer-events,Css,Html,Events,Dom,Pointer Events,所以,我基本上在iframe中有一个按钮,它和屏幕一样大。现在,我希望能够单击按钮(在iframe中),并与iframe后面的页面进行交互。 我愿意接受任何建议 不幸的是,没有真正的方法来做到这一点。您可以设置指针事件:无,但这会阻止您与它进行交互 根据您的需要,您可以确保iframe实际上只与按钮一样大,没有滚动、没有边框等。如果您需要iframe,这可能是您的最佳选择 理论上,您可以从框架边缘获取按钮的X/Y坐标,并动态设置指针事件:无样式,但是…这可能是我写过的最容易出错的东西,不好意思

所以,我基本上在iframe中有一个按钮,它和屏幕一样大。现在,我希望能够单击按钮(在iframe中),并与iframe后面的页面进行交互。
我愿意接受任何建议

不幸的是,没有真正的方法来做到这一点。您可以设置
指针事件:无,但这会阻止您与它进行交互

根据您的需要,您可以确保iframe实际上只与按钮一样大,没有滚动、没有边框等。如果您需要iframe,这可能是您的最佳选择

理论上,您可以从框架边缘获取按钮的X/Y坐标,并动态设置
指针事件:无样式,但是…这可能是我写过的最容易出错的东西,不好意思


总体而言,最好不要这样做,而是使用按钮/表单/链接代码自己托管,或者通过其他API访问它,而不是一起破解基于部分指针事件的解决方案。接下来,只需将iframe缩小到与按钮相同的文字大小。

这是正确的答案。基本上,不要做你想做的事情,用另一种方式去做“并与iframe后面的页面交互”这意味着什么?通常在iframe的“后面”没有任何东西可供交互。iframe是否位于更高的z索引处,以便与父窗口中的内容重叠?(如果是这样,为什么?)基本上,我正在尝试创建一个chrome扩展,为网站创建一个覆盖,比如侧边栏,但我不希望网站的css等与我的HTML交互。到目前为止,我试图借助iframe(在前景中)来实现这一点,但用户无法点击它。接下来我会尝试将网页加载到iframe中,并将我的HTML作为实际的网站。但我确信,有一种更“干净”的方式来做我想做的事。明白了。是的,我可以看到尝试使用iframe作为CSS警戒线背后的逻辑——但我认为缺点将超过好处;最好将覆盖图绘制到具有高度特定CSS规则的同一文档中,以防止它们被意外覆盖。