Click through div to underlying elements

I have a div that has background:transparent, along with border. Underneath this div, I have more elements. Currently, I'm able to click the underlying elements when I click outside of the overlay div. However, I'm unable to click the underlying elements when clicking directly on the overlay div. I want to be able to click through this div so that I can click on the underlying elements.

[efcl]

CSSだけで親要素はスルーして子要素にイベントを伝える方法 ```css .parent { pointer-events:none; } .child { pointer-events:auto; } ```