CSS3旋轉/變換奇怪的問題

Question

我有一個獨特的情況，而不是做一個模式來顯示一些選項我試圖使用一些3D變換有一個「翻轉」的議案，顯示一些投入的「背面」一個看法。

我已經創建了一個codepen來顯示功能以及問題。

問題是，當我翻轉div時，我的背面窗體的下半部分不可點擊，就像它上面有一些我看不到的元素。正是最低的50％是不可編輯的，所以我在猜測一些事情，我如何做我的輪換是錯誤的。

http://codepen.io/CollinEstes/pen/qcwhd

Answer 1

我能解決您的例子：http://codepen.io/MikeFielden/pen/haHrG

所有我落得這樣做是改變你的rotateX(180deg)到rotateX(-180deg)並出現把它清除掉。至於爲什麼它這樣做，我不能說。一個瀏覽器錯誤也許？