javascript - jquery hover flip chart kandungan paparan isu keserasian firefox

Question

Google, IE, Opera, contoh paparan biasa

Contoh paparan ralat FF

PS: Saya mentakrifkan paparan hadapan sebagai app1, dan paparan belakang selepas tuding dicetuskan sebagai app2 Kod html dan css adalah seperti berikut

html

css

jquery

Answer 1

Alih keluar dulu gambar belakang, debug dan semak susun atur, rasa macam tak jelas dan terapung

Answer 2

transform: rotateY(180deg) translateZ(1px); // translazeZ(1px) menyelesaikan masalah terbalik dan paparan imej pelayar

Peringatan lain: Jangan siarkan gambar kod Ia tidak mudah dilihat dan sukar untuk orang lain menguji dan mengubah suainya.