Pass click events through a DOM layer

Question

I have a div that is positioned to the bottom of the page and sits above everything on the page. I include a shadow to remove the harsh cutoff of the content below. However,

Answer 1

You should implement your own event chain.

For example:

$('.shadow').click(function() {
    $('.under-shadow').trigger('click');
});

Althought it would work, I wouldn't recommend the use of pointer-events:none; since it isn't well supported.