javascript - jquery survole le contenu du tableau à feuilles mobiles, problème de compatibilité avec Firefox

Question

Google, IE, Opera, exemple d'affichage normal

Exemple d'affichage d'erreur FF

PS : j'ai défini l'affichage avant comme app1, et l'affichage arrière après le survol est déclenché comme app2. Les codes html et css sont les suivants

.

html

css

jquery

Answer 1

Supprimez d'abord l'image au dos, déboguez et vérifiez la mise en page, on a l'impression qu'il n'y a pas de flottement clair

Answer 2

transform: rotateY(180deg) translateZ(1px); // translazeZ(1px) résout le problème du retournement et de l'affichage de l'image du navigateur

Autre rappel : ne publiez pas de photos du code. Il n'est pas facile à voir et il est difficile pour les autres de le tester et de le modifier.