84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
Google、IE、Opera、通常の表示例
FFエラー表示例
追記: 表側を app1 として表示し、ホバー後の裏側を app2 として表示するように定義しました。HTML と CSS コードは次のとおりです。
html
css
jquery
まず背面の画像を削除し、デバッグしてレイアウトを確認します。不鮮明で浮いているように感じます
transform:rotateY(180deg) translationZ(1px); // translazeZ(1px) はブラウザ画像の反転と表示の問題を解決します
もう 1 つの注意事項: コードの写真は投稿しないでください。コードは見にくく、他の人がテストしたり変更したりするのが困難です。
まず背面の画像を削除し、デバッグしてレイアウトを確認します。不鮮明で浮いているように感じます
transform:rotateY(180deg) translationZ(1px); // translazeZ(1px) はブラウザ画像の反転と表示の問題を解決します
もう 1 つの注意事項: コードの写真は投稿しないでください。コードは見にくく、他の人がテストしたり変更したりするのが困難です。