IFRAME:悬停在IE中,Edge无法按预期工作

Question

在IE和Edge中,只有当您将鼠标悬停在边框而不是内容上时,它才有效 IFRAME

在Chrome上,Safari无论它按预期工作(:hover悬停在边框和内容时停留)

https://jsfiddle.net/zy7tqvxf/1/

没有添加额外的元素和JavaScript处理程序,有没有解决方法？

Answer 1

我的猜测是 IE 认为 iframe 不是 HTML 的一部分，因此:hover没有注册。我找到了使用 javascript 的修复，并添加了一个hover类，请参阅 fiddle。

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

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

希望能帮助到你