Question

在IE和Edge中，只有当您将鼠标悬停在边框上而不是IFRAME

的内容时，它才有效

在Chrome上，Safari无论它按预期工作（:hover停留在边框和内容上时都会停留）

如果没有添加额外的元素和javascript处理程序，是否有任何解决方法？

Answer 1

我的猜测是IE认为iframe不是HTML的一部分，所以:hover没有注册。我找到了使用javascript的修补程序，并添加了hover类see fiddle。

$('#frame').hover(function() {
  $(this).addClass('hover');
});

$('#frame').mouseleave(function() {
  $(this).removeClass('hover');
});

希望有所帮助