title: mousemove over a div under an image
body: <p>I have a the following situation: a div, with bars in it (divs with a certain height) to show a chart.
  On top of the main div with the bars, an image a mask is placed, so you can see figures instead of bars. (I have a man and a woman to show stats, see attached image for example).</p>
  
  <p>The bars are attached to a mousemove event to show information about the bars in a tooltip.</p>
  
  <p>If I hover over the bars my mousemove does not show, because the image is blocking it.
  Is it possible to hover over the image, and still have the mousemove event bound to the bars to get the information I want? The end result is to show a tooltip with the info from the bars.</p>
  
  <p><img src="https://i.stack.imgur.com/OQiZi.png" alt="enter image description here"></p>