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

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;
    在加点过渡，就行了。

    已采纳该答案
    赞 踩 打赏 评论

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

    赞 踩 打赏 评论

报告相同问题？

提交

相关推荐 更多相似问题

  • jquery hover 翻转图显示内容 firefox兼容问题 firefoxjquery
    2017-04-28 07:20
    回答 2 已采纳 如果要处理兼容问题的话，这里推荐一个css方法 backface-visibility 属性定义当元素不面向屏幕时是否可见。（也就是旋转180度） 如果在旋转元素不希望看到其背面时，该属性很有用。
  • jQuery hover 不断闪烁 jquery
    2016-02-14 13:12
    回答 5 已采纳 应该改对img的容器添加事件，并且容器要设置过高度宽度防止img隐藏后内容跳动从而触发out事件。你对img添加事件，都隐藏了无法触发out事件，chrome出现这种情况只能说是奇葩
  • 通过hover控制表格td内容的显示和隐藏 jquery
    2016-02-24 03:53
    回答 2 已采纳 jquery代码： ``` $("div[id^='box']").each(function(index,domEle){ var _index=index; $(this).mou
  • jquery-卡片翻转
    2019-10-08 05:40
    baihui2503的博客 适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. p > < p > 来源： < a href ="http://sc.chinaz.com/" target ="_blank" > 站长素材 a > p > div > div > body > ...
  • jQuery hover鼠标悬停品牌图片旋转动画展示-20130716
    2013-07-17 00:06
    xjwolaile的博客 hover鼠标悬停图片特效，品牌图片列表通过鼠标滑过品牌图片旋转动画展示，鼠标离开品牌图片旋转回来 2、实现原理 利用图片上下开始减少px知道变成一条直线后，让黑色背景的第二章图片通过动画效果从最下面...
  • css3制作转石,CSS3和jQuery制作翻转表单
    2021-08-04 02:11
    我是只小小鹿吖的博客 这篇教程主要使用了CSS3中的3D transform属性和jQuery制作了一个翻转表单的效果。思路首先有两个表单(此处是“登录表单”和“找回密码表单”)，高明之处是，仅仅只有一个表单呈现在大家面前。但当你点击了“ribbons...
  • 求助：jquery的wrap()在IE中正常显示，firefox和chrome不正常 chromefirefoxjquery
    2017-04-28 02:16
    回答 1 已采纳 form就不是table合法元素，不同浏览器你硬插入解析肯定不一样了。改下你的结构，一行易搭配一个table，包裹table起来
  • 根据jQuery中的单选按钮选择显示和隐藏内容 javascriptjqueryphp
    2018-05-25 11:23
    回答 6 已采纳 Just trigger the change event in the element inside the document.ready Note : You have some id t
  • 关于Jquery Mobile页面显示顺序的问题 css3html5javascriptjquery
    2019-08-13 19:24
    回答 1 已采纳 只需要自己改变Hbuilder中的打包选项即可
  • JQuery简介 - 什么是jQuery
    2020-01-15 14:06
    柯晓楠的博客 概念 官方概念： jQuery是一个快速，小型且功能丰富的JavaScript...jQuery是JavaScript的一个工具库，工具库就是指封装好的JavaScript函数，可以直接在程序中进行调用，那jQuery就是一款非常流行的JavaScript库。jQ...
  • JQuery是什么
    2019-10-08 20:46
    Begin_W_T_E_I_M的博客 一、JQuery定义 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。...
  • jQuery学习
    2019-02-06 16:53
    starzhou的博客 jQuery jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装...
  • jquery 追加内容怎么防止内容重复 jquery
    2018-11-28 09:28
    回答 2 已采纳 你这个第一行的ID应该是唯一值吧，追加前先去tbody下面遍历ID，如果要追加的ID已存在就不追加呗
  • 数据库读出图片显示问题 jquery
    2019-04-15 21:39
    回答 1 已采纳 for循环代码没截全啊，而且b=(？：)表达式需要括起来，不然可能会出错
  • jquery append 图片不显示
    2013-07-15 20:47
    回答 1 已采纳 src里面的是jsp自带的对象的的方法，获得web容器根目录，但是jsp是需要编译的，你在运行时加入这段代码应该是无效的，是否可以后台获取这个值做好拼装给前台？或者直接用相对路径。 检验图片的路径可
  • JS|jQuery
    2021-04-26 08:12
    汤姆猫少年的博客 6.6.2下拉菜单的方法 6.6.3Option对象 input中的属性 7.(img)图像对象 7.1.1图片属性 7.1.2图像对象的事件 案例1：（换图） 案例2：（随机背景图） 案例3：（图片置顶） 7.1.3滤镜效果 案例1.（图像翻转） 案例2——...
  • Web 开发最有用的50款 jQuery 插件集锦——《内容滑块篇》
    2013-04-16 20:51
    fwenzhou的博客 转自：http://www.cnblogs.com/lhb25/archive/2013/04/02/50-jquery-plugins-d.html ... USEFUL JQUERY IMAGE SLIDESHOW AND CONTENT SLIDER HTTP://WWW.FRESHDESIGNWEB.COM/80JQUERY-IMAGE-SLIDESHOW-AND-CO
  • jQuery简介
    2018-06-21 16:05
    跟着BOSS有肉吃的博客 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装...
  • 想问一下JQuery ajax如何解决浏览器的兼容性问题
    2017-07-26 07:56
    回答 6 已采纳 你的这些代码jquery已经写到js文件里面了，自己看未压缩的jquery文件不就清楚了 https://code.jquery.com/jquery-1.12.4.js ```
  • jQuery
    2016-12-20 11:55
    Aurora Polaris的博客 jQuery 编辑 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它...
  • 没有解决我的问题, 去提问