0

我有一个矩形设置,当您单击主要区域时,它会执行翻转动画以显示其另一侧。这一切正常。

每边的顶部是链接,它们在 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 中的每个人工作。

4

1 回答 1

0

你的例子非常复杂。看看我这里的例子。它具有多种 css3 效果,如模糊、翻转和增长,并带有 jquery 代码行。

于 2012-08-20T09:32:26.947 回答