Acabei de brincar compointer-events propriedade em CSS.

eu tenho umdiv que eu quero ser invisível para todos os eventos do mouse, exceto para:hover.

Portanto, todos os comandos de clique passam pelodiv ao que está abaixo, mas a div pode informar se o mouse está acima ou não.

Alguém pode me dizer se isso pode ser feito?

HTML:

<div class="layer" style="z-index:20; pointer-events:none;">Top layer</div>
<div class="layer" style="z-index:10;">Bottom layer</div>

CSS:

.layer {
    position:absolute;
    top:0px;
    left:0px;
    height:400px;
    width:400px;
}