javascript - jquery hover 翻转图显示内容 firefox兼容问题

Question

Google,IE,Opera,正常显示示例

FF的错误显示示例

PS：我定义正面显示为app1,hover触发后的反面显示为app2,html和css代码如下

html

css

jquery

Answer 1

先把背面的那个图片干掉，调试看看排版，感觉是没有清浮动

Answer 2

transform: rotateY(180deg) translateZ(1px); // translazeZ(1px) 解决浏览器图片翻转显示有问题

另外提醒一下：代码不要贴图片，不容易看而且别人想测试修改也难，直接贴代码吧。