#overlay {
pointer-events: none;
}

If you want to have an element that appears on a higher z-index than another, but don't want it to receive click events, use the following:

As if events weren't even there...

css, event

CSS