Как сделать блок «дырявым» для нажатия?

Question

[pashulke]

Есть два блока div. Оба с с бэкграундом в виде картинки. Только вот у одного z-index: 1, а у другого z-index: 2. Наложены эти блоки друг на друга. Как сделать так, чтобы при нажатии на блок с z-index: 2 нажатие проходило по блоку с z-index: 1? Тот второй блок не нужно отводить за первый. его именно нужно сделать "дырявым", чтобы первый блок можно было перетаскивать по страничке, к примеру. Не понимаю как это осуществить можно.

Comments

[archelon]

подозреваю, что только скриптом

Answer 1

[Макс]

pointer-events: none;

Answer 2

[Андрей Б.]

эх, уже ответили) я тогда кину пример jsfiddle.net/6ju77p84, верхнему слою прописываете pointer-events: none; и тогда он перестанет реагировать на события.