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

If browser support is not a probleme fore you, you can use the CSS properties pointer-events

.bottom-wrap {
    pointer-events:none;
}

But to make the content inside active, you need to reset it like that :

.bottom-wrap .bottom {
    pointer-events:auto;
}

Fiddle : http://jsfiddle.net/aY2Ld/5/