javascript - jqueryホバーフリップチャート表示コンテンツFirefox互換性の問題

Question

Google、IE、Opera、通常の表示例

FFエラー表示例

追記: 表側を app1 として表示し、ホバー後の裏側を app2 として表示するように定義しました。HTML と CSS コードは次のとおりです。

html

css

jquery

Answer 1

まず背面の画像を削除し、デバッグしてレイアウトを確認します。不鮮明で浮いているように感じます

Answer 2

transform:rotateY(180deg) translationZ(1px); // translazeZ(1px) はブラウザ画像の反転と表示の問題を解決します

もう 1 つの注意事項: コードの写真は投稿しないでください。コードは見にくく、他の人がテストしたり変更したりするのが困難です。