非常奇怪的 iframe 事件行为

Question

这个问题把我彻底难住了。因为它在浏览器扩展中，所以我不能发布我的代码。

问题显然是 iframe 内的鼠标事件（悬停在链接上、文本上、选择...）关闭了大约 200 像素，这包括如下截图所示的右键单击：

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

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

第一次插入内容时也不会发生这种情况，而是需要几个“周期”才能出现。

有什么想法吗？

Answer 1

这显然是一个 Chrome 错误，尽管是一个奇怪的错误。我开始遇到其他问题，所以我重新安装了 Chrome 并升级到 Windows 8（我本来打算这样做），这个错误似乎已经消失了。

编辑：它刚刚回来，原来问题是我使用-webkit-transform: scale() 来显示和隐藏带有过渡的框架，删除它可以解决问题。

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