メインエリアをクリックすると、その反対側を表示するためにひっくり返るアニメーションを実行する長方形のセットアップがあります。これはすべて正しく機能します。
両側の上部にはリンクがあり、Firefoxで正しく表示および機能しますが、Chromeでは、背面を表示するために反転すると、上部のリンクが機能せず(非アクティブになります)、表示されませんが、正面からのリンクがアクティブです。以下のフィドルでは、どのリンクがクリックされているかを明確にするために、各リンクにJSアラートを設定したことがわかります。Chromeでは、「BackLeftLink」も「BackRightLink」もアクティブではないことがわかります。ただし、それぞれの下にマウスを移動すると、マウスがアクティブになり、クリックすると正面からアラートが表示されます。何らかの理由で、前面からのリンクが背面を経由しています...「BackRightLink」の下では「FrontLeftLink」のリンクがアクティブであり、「BackLeftLink」の下では「FrontRightLink」のリンクです。
この問題の原因について何か考えはありますか?FFでは完全に正常に動作しますが、Chromeでは正しく動作しないのは不思議です...ローテーションで使用されているWebkitcssに関連しているかどうか疑問に思います。
任意の提案をいただければ幸いです。
ありがとう!
編集他の人によると、それはChrome 20で正しく動作するようです...残念ながら、Chrome 20をまだ持っていない人のためにChrome19(およびそれ以下)で動作することを確認する必要があります。この問題の原因についての提案、そしてそれを修正するために私ができることは何ですか?これがChromeで私に起こっていることの簡単なスクリーンキャストです:http ://screencast.com/t/2QgbceIDA ... FFとChromeのすべての人のために機能する必要があるので、これを修正するのに必死です。