2012-08-22 75 views
5

我有一個wrapper-div中的兩個div。 第一個通過translate3d(50px,50px,50px), 定位在包裝的前面,第二個通過translate3d(50px,50px,-50px)定位在包裝後面。使3d翻譯的元素可點擊

我想將點擊事件綁定到內部div,但我無法單擊位於包裝後面的div。有人知道這個問題的解決方案嗎?

JS-小提琴(WebKit的只):http://jsfiddle.net/rttmax/zrgdQ/16/

感謝。 rttmax

+0

您的jsfiddle對我的作品在Chrome 20 ...當我點擊紅色或綠色的長方形,它們都對反應點擊 –

+0

哇,有趣的是,當我再次打開同一網頁,它停止工作: D –

+0

ja。有時它工作。大多數時候沒有。 – rttmax

回答

4

爲了補償負50px,你必須給你的包裝DIV一個正的50px Z值。

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

+1

這需要被標記爲答案。確切地說,我需要在Chrome和Safari中修復我的轉換。 – IamFace