z-index of divs inside <div class="slides">

[smartnio]

Hey,

just a quick question. I am currently trying to add a div <div id="Menu_Side"> inside the <div class="slides"> and trying to get it on top of everything to make it clickable. Right now, the sections and the backgrounds are always in front of the newly added element.

I tried working with the z-index but that doesn't work. I already added some new buttons inside the<aside>- tag for the controls because there i got exactly the behaviour i want. But i can't copy that technique for my new div. Is there any hidden z-index behaviour i don't see?
I attached a picture of my DOM tree.

Thanks for your time and help! :)

[smartnio]

Ah okay, i think i got it.
For everyone that has the same issue: Try adding the pointer-events:all; option on your element in your css to bubble through all layers that are above it. :)