z-index, move edge animation back div… is it possible?

I’d like to move an edge animation behind a div in a html page (edge animation is overlay to the div, with a margin-top css value negative).

I’ve tried with this code, but not works (isn't possible to click links in the edge animation that are behind/overlay to the div):

#menu { z-index:2;}

#Stage { margin-top:-40px; z-index:1;}

<div id="menu">

my html content with z-index 2

</div>

<div id=“Stage”>

my edge animation animation with z-index 1

</div>

Any ideas?

Thanks.