Excuse me if this has already been discussed<br><br>Has there been a proposal for allowing mouse events to go through a canvas element where it is transparent to the element below? <br><br>As an example, assume you have a canvas element with a triangle rendered into the top left corner so that half the canvas is opaque and half the canvas is 100% transparent (Alpha = 0).  That canvas is zIndexed to be above other HTML. It would be nice if it was possible to interact with the visible html under the transparent part of the canvas but as it is now all browsers treat the canvas as a rectangle and ignore its transparency so that if the user attempts to interact with the clearly visible HTML nothing happens.<br>
<br>One solution that comes to mind is to add an option (css?) that tells the browser "if alpha = 0 at the place the user clicks then pass the event through to the element below"<br><br>As a CSS option this could really apply to any tag. <img> for example.<br>
<br><br>