我做了一个简单的放大镜效果：fiddle。它是一个与源具有相同背景的 div，<img>它在悬停在图像上时根据指针位置更改其位置。没什么太复杂的。在 Fiddle 中，它在支持的浏览器中工作得很好pointer-events: none;（其余的不会让它消失，但这不是现在的问题）。
问题在于，在 Chrome 中，它仅在代码位于 inside 时才有效<iframe>，就像在那个 Fiddle 中一样。如果不是，就像这里：Fiddle，放大镜的背景只有在不透明度过渡完成后才会移动。我做了1.5秒，所以更容易注意到。同样奇怪的是，当我将光标从图像顶部悬停时，它会部分起作用。
可能是什么问题？除了将该代码放入 iframe 之外，还有其他解决方案吗？我尝试修改 js，它可以fadeIn()/fadeOut()与 jQuery 一起使用，但在这种情况下，我宁愿用 CSS 中的不透明度转换来完成它。
并随时更改标题，使其更有意义:)