title: Making an Object "transparent" for Mouse Events?
body: <p>I'm working on a project with HTML5 Canvas and KineticJS. A half-transparent overlay (a KineticJS group or layer) is placed all over the scene. The problem is: Mouse events bound to KineticJS objects under this overlay are not processed.</p>
  
  <p>How can I make this overlay (or any other object) "transparent" to mouse events? </p>
  
  <p>NOTE: The question is only about the Canvas, there are no other HTML elements interfering to it. (To make clear what was asked below.)</p>