jquery - Make hover work or capture mouse enter events on the scrollbar of an iframe? -


when try use hover or mouse enter events on div box contains iframe scrollbars find following issues in ie9-:

  1. when approach mouse box , hit extern "border" of scrollbar, "mouse enter" event fires.

  2. if keep going scrollbar, "mouse leave" event fires if scrollbar not part of box.

  3. if leave scrollbar , go box "mouse enter" event fires again.

how can make scrollbar of iframe work rest of box? in firefox works well.

the html

<div class="hover_point">     <iframe height="250" width="250" src="www.20minutos.es"/>        </div> 

the css

<style>     .hover_point{width: 250px; height:250px} </style> 

the js

$(".hover_point").hover(function () {     alert("hover");              }, function () {     alert("no hover") }); 

here fiddle http://jsfiddle.net/kfuyp/

this seems z-index issue please follow below rule fix z-index issue.

<div style="position: relative; z-index: 3000">  <div style="position:absolute;z-index:1000;">     <a href="#">page</a>     ... </div> </div> 


Comments

Popular posts from this blog

image - ClassNotFoundException when add a prebuilt apk into system.img in android -

I need to import mysql 5.1 to 5.5? -

Java, Hibernate, MySQL - store UTC date-time -