Make 3d-übersetztes Element anklickbar

Ich habe zwei divs in einem Wrapper-div. Der erste wird über translate3d (50px, 50px, 50px), vor den Wrapper positioniert, der zweite wird über translate3d (50px, 50px, -50px) hinter dem Wrapper positioniert.Make 3d-übersetztes Element anklickbar

Ich möchte Click-Events an die Inner-Divs binden, aber ich kann nicht auf das Div klicken, das hinter dem Wrapper positioniert ist. Kennt jemand eine Lösung für dieses Problem?

js-Geige (nur Webkit): http://jsfiddle.net/rttmax/zrgdQ/16/

Dank. rttmax

Quelle

2012-08-22 rttmax

Ihre JSFiddle auf Chrome funktionieren für mich 20 ... wenn ich rotes oder grünes Rechteck klicken, reagieren sie beide auf das klicken –

wow, interessanterweise, wenn ich die gleiche Seite wieder geöffnet, es funktionierte nicht mehr: D –

ja. manchmal funktioniert es. meistens nicht. – rttmax

Sie müssen Ihrem Wrapper DIV einen positiven Wert von 50px Z geben, um die negativen 50px zu kompensieren.

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

Quelle

2012-08-25 09:49:04 woot

Dies muss als die Antwort markiert werden. Genau das, was ich in Chrome und Safari reparieren musste. – IamFace

Antwort

Verwandte Themen