Make 3d-translated element clickable
-
27-06-2021 - |
Question
I have two divs inside a wrapper-div. The first one is positioned in front of the wrapper via translate3d(50px, 50px, 50px), the second is positioned behind the wrapper via translate3d(50px, 50px, -50px).
I want to bind click-events to the inner-divs but i can't click the div which is positioned behind the wrapper. Does anybody know a solution for this problem?
js-fiddle (webkit only): http://jsfiddle.net/rttmax/zrgdQ/16/
thanks. rttmax
Solution
You have to give your wrapper DIV a positive 50px Z value in order to compensate for the negative 50px.
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow