Existe um `pointer-events: hoverOnly` ou similar em CSS?
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;
}