JavaScript/JQuery でチェッカー ゲームをコーディングしています。次の問題があります: 画面全体をカバーし、z-index: 1 を持つキャンバスを使用して黄色の矢印を表示します。チェッカーは z-index: 0 です。
チェッカーをドラッグ アンド ドロップする機能を追加したいと思います。JQuery のドラッグ可能なウィジェットを使用して、すべてのチェッカーをドラッグ可能にしたいと考えています。ただし、キャンバスはチェッカーよりも高い z-index を持っているため、チェッカーはマウス イベントを受け取りません。
z-index が低いにもかかわらず、チェッカーにマウス イベントを受信させるにはどうすればよいですか?