Hab nur rumgespieltpointer-events Eigenschaft in CSS.

Ich habe eindiv dass ich für alle Mausereignisse unsichtbar sein möchte, mit Ausnahme von:hover.

So gehen alle Klickbefehle durch diediv zu dem darunterliegenden, aber der div kann melden, ob sich die Maus darüber befindet oder nicht.

Kann mir jemand sagen, ob dies möglich ist?

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;
}