Make a 3d-translated element clickable

I have two divs inside a shell-div. The first is located before the wrapper via translate3d (50px, 50px, 50px), the second is located behind the wrapper via translate3d (50px, 50px, -50px).

I want to bind click-events to inner divs, but I cannot click the div that is located behind the wrapper. Does anyone know a solution to this problem?

js-fiddle (webkit only): http://jsfiddle.net/rttmax/zrgdQ/16/

thank. rttmax

+5
source share
1 answer

You must give your wrapper DIV a positive value of 50px Z to compensate for a negative 50px.

http://jsfiddle.net/zrgdQ/108/

+4
source

All Articles