Google,IE,Opera,正常顯示示例
FF的錯誤顯示示例
PS:我定義正面顯示為app1,hover觸發(fā)后的反面顯示為app2,html和css代碼如下
html
css
jquery
先把背面的那個圖片干掉,調(diào)試看看排版,感覺是沒有清浮動
transform: rotateY(180deg) translateZ(1px); // translazeZ(1px) 解決瀏覽器圖片翻轉(zhuǎn)顯示有問題
另外提醒一下:代碼不要貼圖片,不容易看而且別人想測試修改也難,直接貼代碼吧。