Задача обнаружить, если мышь пройдет над блоком, который располагается под другим блоком.
Есть 2 блока
.front{
position: absolute;
top: 0;
width: 200px;
height: 200px;
opacity: .2;
background: blue;
}
.back{
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 100px;
background: red;
}
<div class="back"></div>
<div class="front"></div>
Обычный mouseenter
, естественно, не сработает:
$('.back').mouseenter(()=>{console.log('+');});
Блок-клон нижнего с z-index
не предлагайте, до такого и сам догадался, но это возбудит много лишнего html-кода, чего делать не хочется. Должно быть что-то поумнее...
Конструктор: https://jsfiddle.net/few1h534/1/