2012-08-22 10 views
5

Ho due div all'interno di un wrapper-div. Il primo è posizionato davanti al wrapper tramite translate3d (50px, 50px, 50px), il secondo è posizionato dietro il wrapper tramite translate3d (50px, 50px, -50px).Rendi cliccabile l'elemento tradotto in 3d

Voglio associare eventi di clic ai inner-dive ma non posso fare clic sul div posizionato dietro il wrapper. Qualcuno conosce una soluzione per questo problema?

js-violino (webkit solo): http://jsfiddle.net/rttmax/zrgdQ/16/

grazie. rttmax

+0

tuo JSFiddle lavora per me su Chrome 20 ... quando clicco rettangolo rosso o verde, entrambi reagiscono a che cliccare –

+0

wow, abbastanza interessante, quando ho riaperto la stessa pagina, ha smesso di funzionare: D –

+0

ja. a volte funziona. molte volte no. – rttmax

risposta

4

Devi dare al tuo involucro DIV un valore 50px Z positivo per compensare il 50px negativo.

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

+1

Questo deve essere contrassegnato come risposta. Esattamente quello che dovevo correggere la mia trasformazione in Chrome e Safari. – IamFace