非常奇怪的iframe事件行为

Question

这个问题让我完全糊涂了。由于它在浏览器扩展程序中，我无法发布我的代码。

问题显然是iframe中的鼠标事件（悬停在链接上，文本上方，选择...）已经大约200px，这包括右键点击，如此屏幕截图所示：

红点是实际的鼠标点击位置。同样，由于这是一个扩展（我实际上在Tampermonkey中执行JS部分，它更容易）我无法在其他浏览器中尝试它，因此它可能只是chrome。

iframe包含第三方动态加载的内容，因此我无法使用div或其他元素。它也可以重复使用，并在加载时动态插入。

这也不会在第一次插入内容时发生，而是需要几个＆＃34;周期＆＃34;出现。

有什么想法吗？

Answer 1

这显然是一个Chrome bug，虽然很奇怪。我开始遇到其他问题，所以我重新安装了Chrome并升级到Windows 8（无论如何我打算计划），这个bug似乎已经消失了。

编辑：刚刚回来，事实证明问题是我使用-webkit-transform: scale()来显示和隐藏带有转换的帧，删除此功能可以解决问题。< / p>

因此，对于Chrome / WebKit中存在iframe鼠标事件问题的所有人：检查所有变换和任何CSS3效果，请尝试一次删除它们。