Tools Slider Z-Index Layering Issue

I have 开发者_如何学Pythona complex layering situation for the website: http://andstones.ca/contact/ where I use a large background image for the content to scroll in and out of.

Only problem is the transparent image covers up the content and makes links unclickable?

Any idea for a fix that keeps the slider looking the way it does now?

i think your best bet is to break #middle apart into its left and right sides, positioned absolute covering the edges. highest z-index always gets the clicks, so you need to come up with a different layout.