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