Как нажать на элемент за другим объектом в JS?

Question

[Valera Dobroman]

Главный вопрос
Ситуация на рисунке, есть родитель, и его дочерний эелемент - кнопка,я не могу нажать на него, так как он за родителем, как это сделать ?
Дополнительный вопрос
Также на рисунке кнопка на половину в родителе, и на половину снаружи, как сделать также, чтобы он был закрыт таким серым блоком ?
Коротко говоря, как повторить ситуацию на рисунке ? И как нажать на кнопку если он перекрыт родителем ( и так чтобы дочерний элемент был за обводкой) ?

Заранее спасибо ^_^

Answer 1

[drawnofmymind]

У кнопки задай класс, и по e.target найди

Comments

[Valera Dobroman]

Класс задал, но как мне по e.target найти ? Попробовал window.addEventListener("mousedown",function(e){console.log(e.target);}) показало родителя

[drawnofmymind]

E.target.classlit.contains(class)

[Valera Dobroman]

drawnofmymind, Не совсем сработало, все равно показывает родителя, но не важно, я просто нацепил событие клика на самого родителя, пфф, а как мне закрыть прозрачным блоком, кнопку за родителем ?

[Aetae]

Только вместе с родителем. Каждый z-index создаёт свой контекст наложения, все z-index внутри рассчитываются исключительно от непосредственного родителя. Если внутри .a лежит .b с z-index: 1, а внутри .b лежит .c z-index: -100500, то .c относительно .a имеет тот же z-index что и .b(1), потому что для .a - ".b и его дети" - единый контекст.