MJay_Lee 2017-04-28 07:20 采纳率: 75%
浏览 978
已采纳

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

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

FF的错误显示示例
FF的错误显示示例

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

html
html

css
css

另,附jquery脚本
jquery

  • 写回答

2条回答 默认 最新

  • FEWY 博客专家认证 2017-05-02 05:41
    关注

    如果要处理兼容问题的话,这里推荐一个css方法
    backface-visibility 属性定义当元素不面向屏幕时是否可见。(也就是旋转180度)
    如果在旋转元素不希望看到其背面时,该属性很有用。
    具体参考
    http://www.runoob.com/cssref/css3-pr-backface-visibility.html
    我以前做过这个效果,就是两个div,在一起,都transform:rotateY(180deg); 然后一个 backface-visibility:visible;
    另一个backface-visibility:hidden;
    在加点过渡,就行了。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • Go 旅城通票 2017-04-28 08:41
    关注

    发代码出来,发个截图想帮你测试都不行。。

    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥100 用python模拟生态环境
  • ¥30 哈夫曼编码译码器打印树形项目
  • ¥20 求完整顺利登陆QQ邮箱的python代码
  • ¥15 怎么下载MySQL,怎么卸干净原来的MySQL
  • ¥15 网络打印机Ip地址自动获取出现问题
  • ¥15 求局部放电案例库,用于预测局部放电类型
  • ¥100 QT Open62541
  • ¥15 stata合并季度数据和日度数据
  • ¥15 谁能提供rabbitmq,erlang,socat压缩包,记住版本要对应
  • ¥15 Vue3 中使用 `vue-router` 只能跳转到主页面?