css - divで選択可能なキャンバス

Question

いくつかのアクションを実行し、いくつかのイベントをキャッチするHTML5キャンバスがあります。キャンバス上（上）に4つのdivがあります。divとdivの内容を表示することはできますが、それらを非表示にすることはできますか？たとえば、マウスをdivの上に置くと、実際にキャンバスの上に移動しますか？

あなたが私を助けてくれることを願っています！

Simple example: http://jsfiddle.net/ygjen/5/

divを通過するときにもマウスの座標を取得します

Answer 1

はい、ポインターイベントを使用できます

 pointer-events: none;

IE8以下以外のすべてでサポートされています..しかし、CanvasはとにかくIE8以下ではサポートされていないので、その点は議論の余地があります.

ライブデモ