0

メインエリアをクリックすると、その反対側を表示するためにひっくり返るアニメーションを実行する長方形のセットアップがあります。これはすべて正しく機能します。

両側の上部にはリンクがあり、Firefoxで正しく表示および機能しますが、Chromeでは、背面を表示するために反転すると、上部のリンクが機能せず(非アクティブになります)、表示されませんが、正面からのリンクがアクティブです。以下のフィドルでは、どのリンクがクリックされているかを明確にするために、各リンクにJSアラートを設定したことがわかります。Chromeでは、「BackLeftLink」も「BackRightLink」もアクティブではないことがわかります。ただし、それぞれの下にマウスを移動すると、マウスがアクティブになり、クリックすると正面からアラートが表示されます。何らかの理由で、前面からのリンクが背面を経由しています...「BackRightLink」の下では「FrontLeftLink」のリンクがアクティブであり、「BackLeftLink」の下では「FrontRightLink」のリンクです。

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

この問題の原因について何か考えはありますか?FFでは完全に正常に動作しますが、Chromeでは正しく動作しないのは不思議です...ローテーションで使用されているWebkitcssに関連しているかどうか疑問に思います。

任意の提案をいただければ幸いです。

ありがとう!

編集他の人によると、それはChrome 20で正しく動作するようです...残念ながら、Chrome 20をまだ持っていない人のためにChrome19(およびそれ以下)で動作することを確認する必要があります。この問題の原因についての提案、そしてそれを修正するために私ができることは何ですか?これがChromeで私に起こっていることの簡単なスクリーンキャストです:http ://screencast.com/t/2QgbceIDA ... FFとChromeのすべての人のために機能する必要があるので、これを修正するのに必死です。

4

1 に答える 1

0

あなたの例は非常に複雑です。ここで私の例を見てください。ぼかし、反転、成長などの複数の css3 効果があり、jquery コードのビュー行があります。

于 2012-08-20T09:32:26.947 に答える