javascript - overlapping div's click -

javascript - overlapping div's click -

how can click link behind overlapping div.

css

#apdiv1 { position: absolute; left: 38px; top: 28px; width: 221px; height: 182px; z-index: 1; text-align:right; } #apdiv2 { position: absolute; left: 117px; top: 13px; width: 169px; height: 210px; z-index: 2; }

and html is

<div id="apdiv1"><a href="javascript:alert('link1');">link 1</a></div> <div id="apdiv2"> <p>&nbsp;</p> <p><a href="javascript:alert('link 2');">link 2</a></p> </div>

try this:

add pointer-events:none; upper div (apdiv2) , then:

#apdiv2 { pointer-events:auto; }

to re-enable link in upper div.

seems work in ff @ least.

updated fiddle

javascript html css