2012-08-22 19 views
5

Tengo dos divs dentro de un wrapper-div. El primero se coloca delante del envoltorio a través de translate3d (50px, 50px, 50px), el segundo se coloca detrás del envoltorio a través de translate3d (50px, 50px, -50px).Hacer que el elemento traducido en 3D haga clic en

Quiero enlazar click-events a los divs internos pero no puedo hacer clic en el div que se encuentra detrás del wrapper. ¿Alguien sabe una solución para este problema?

js-violín (webkit solamente): http://jsfiddle.net/rttmax/zrgdQ/16/

gracias. rttmax

+0

su jsFiddle me funciona en Chrome 20 ... cuando hago clic en el rectángulo rojo o verde, ambos reaccionan en que haga clic en –

+0

wow, curiosamente, cuando volví a abrir esa misma página, que dejó de funcionar: D –

+0

ja. a veces está funcionando. la mayoría de las veces no. – rttmax

Respuesta

4

Tienes que dar a tu envoltura DIV un valor positivo de 50px Z para compensar los 50px negativos.

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

+1

Esto debe marcarse como la respuesta. Exactamente lo que necesitaba para corregir mi transformación en Chrome y Safari. – IamFace

Cuestiones relacionadas