IFRAME：在 IE 和 Edge 中的悬停无法按预期工作

Posted 2023-03-06

【中文标题】IFRAME：在 IE 和 Edge 中的悬停无法按预期工作

【英文标题】：IFRAME:hover in IE and Edge doesn't work as expected

【发布时间】：2017-10-02 21:43:52

【问题描述】：

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

在 Chrome 和 Safari 上按预期工作（:hover 停留在边框和内容上时）

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

在不添加额外元素和 javascript 处理程序的情况下，是否有任何解决方法？

【参考方案1】：

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

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

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

希望对你有帮助

【讨论】：

肯定有帮助，我想找个不用js的方法，但是貌似不可能