旋转Div - 在Chrome中翻转侧未激活的链接

时间:2012-06-22 12:36:48

标签: html css google-chrome css3 webkit

我有一个矩形设置,当你点击主区域时,它会做一个动画,它会翻转以显示它的另一面。一切正常。

在每一侧的顶部是链接,它在Firefox中显示并正常工作,但在Chrome中翻转以显示背面时,顶部的链接不起作用(它们处于非活动状态),尽管不可见,前面的链接是活动的。在下面的小提琴中,您将看到我在每个链接上设置了一个JS警报,以明确哪一个被点击。在Chrome中,您会看到“BackLeftLink”或“BackRightLink”都没有处于活动状态。但是,如果将鼠标移动到每个鼠标下方,您将看到鼠标处于活动状态,单击将从前面显示警报。由于某种原因,前面的链接来自后面...在'BackRightLink'下,'FrontLeftLink'的链接是活动的,而在'BackLeftLink'下它是'FrontRightLink'的链接。

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

有关导致此问题的原因的任何想法?奇怪的是,它在FF中运行得非常好,但在Chrome中运行不正确......让我想知道它是否与在旋转中使用的webkit css相关...?

任何建议都将不胜感激。

谢谢!

编辑根据其他人的说法,它似乎在Chrome 20中正常运行...不幸的是,我需要确保它适用于那些还没有Chrome 20的Chrome 19(及以下版本)。有关可能导致此问题的原因的任何建议,以及我可以尝试做些什么来纠正它?这是一个关于我在Chrome中发生的事情的快速截屏视频:http://screencast.com/t/2QgbceIDA ...迫切需要解决此问题,因为我需要它为FF和Chrome中的每个人工作。

1 个答案:

答案 0 :(得分:0)

你的例子非常复杂。看看我的例子here。它有多种css3效果,如模糊,翻转和增长,以及jquery代码的视图行。