Hello! Help me to understand!

There is an image and its map area, on guidance on which the hint should appear.

For some reason, the hint does not work in Google Chrome and Safari - apparently, events do not work. Is there any way to get around this or emulate it? Or, maybe, who knows what jQuery plugin that works correctly in this situation?

$(function () { $('.allod').mouseover(function () { $('#hint').css("visibility", "visible").css("cursor", "pointer"); }).mouseout(function () { $('#hint').css("visibility", "hidden").css("cursor", "default"); }).mousemove(function (e) { h = $('#hint').height() * 3; w = $('#hint').width() + 15; $('#hint').css("left", (e.pageX + w)+"px").css("top", (e.pageY - h)+"px"); }); })

Demonstration on jsfiddle.net .

    2 answers 2

    There is a bug in chromium . Perhaps this refers to webkit.

    • Apparently it is, because Safari has a similar problem. And how to get around this bug do not know? - t1nk
    • Sadly ... What will I look for next. - t1nk
    • @ t1nk in the latest Chrome update fixed - andrybak
    • Perhaps ... I put it from an offline-installer, so it is not updated automatically with me. Most likely I am not the only one - so I need a solution ... - t1nk

    Try this - http://davidlynch.org/projects/maphilight/docs/

    Tested with

     Firefox IE 6, 7, 8, 9 Safari 3, 4, 5 Chrome Opera 9, 10