旋轉div - 鏈接在Chrome中翻轉的一面不活動

Question

我有一個矩形設置，當你點擊主區域時，它會做一個動畫翻轉來揭示它的另一面。這一切正常工作。

在每邊的頂部都有鏈接，它們可以在Firefox中正常顯示並正常工作，但在Chrome翻轉顯示背面時，頂部的鏈接不起作用（它們處於非活動狀態），並且雖然不可見，但前面的鏈接是活躍的。在下面的提琴中，你會看到我已經在每個鏈接上設置了一個JS提醒，以清楚哪個被點擊。在Chrome中，您會看到「BackLeftLink」或「BackRightLink」都未處於活動狀態。但是，如果您將鼠標移動到每個鼠標下面，則會看到鼠標處於活動狀態，單擊將顯示前面的警報。出於某種原因，來自前端的鏈接將通過後端...作爲'BackRightLink'下的'FrontLeftLink'鏈接處於活動狀態，並且'BackLeftLink'鏈接處爲'FrontRightLink'鏈接。

http://jsfiddle.net/adRP4/3/

任何想法是什麼原因造成這個問題？奇怪的是，它在FF中工作得很好，但在Chrome中不正確......讓我想知道它是否與正在使用的webkit css相關.. ..？

任何建議將不勝感激。

謝謝！

編輯根據別人，它似乎在Chrome 20正常工作......不幸的是我需要確保它在Chrome 19（及以下）的作品爲那些誰尚未安裝Chrome 20.任何建議，什麼可能導致這個問題，我可以嘗試去糾正它？以下是我在Chrome中發生的一個快速截屏：http://screencast.com/t/2QgbceIDA ...迫切需要解決這個問題，因爲我需要它爲FF和Chrome中的所有人員工作。

Answer 1

你的例子非常複雜。看看我的例子here。它具有多種css3效果，如模糊，翻轉和增長，以及查看jQuery代碼的視圖。