I have a parent element with partially transparent background. There is a child element inside of this element. And I need to show child element in the background of parent element, so I set z-index: -1 to child element.

Here is a codepen example: <https://codepen.io/anon/pen/xpVbPa>

The gray square is a child element. I need to handle click on it. How to do it? I tried to set `pointer events: none` on parent element, it does not work.