IFRAME: Hangs in IE and Edge not working properly

Question

In IE and Edge, it only works when you hover over the border, not the content. IFRAME

In Chrome, Safari works regardless of what works ( :hoverstays on hovering over the contents of border AND)

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

Is there any workaround for this without adding additional javascript elements and handlers?

Answer 1

, IE , iframe HTML :hover . , javascript, hover, . .

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

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

,