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

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

FF的错误显示示例

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

html
html

css
css

另，附jquery脚本
jquery

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

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

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

jquery hover 翻转图显示内容 firefox兼容问题 firefox jquery
2017-04-28 07:20

回答 2 已采纳如果要处理兼容问题的话，这里推荐一个css方法 backface-visibility 属性定义当元素不面向屏幕时是否可见。（也就是旋转180度）如果在旋转元素不希望看到其背面时，该属性很有用。
前端jquery显示和隐藏的问题 php 前端
2022-05-07 17:28

回答 3 已采纳 if（bb==0){ $("#aa").show()； }else if(bb==1){ $("#aa").hide()； }
【前端问题】请问我怎么在页面上显示用户本地的图片？ html5 javascript jquery 前端
2018-09-10 06:25

回答 6 已采纳我采用的是HTML5的方法，里面有涉及到一些HTML的js对象。核心只有一个，FileReader()对象。而且需要明白的是，你不能直接通过浏览器去获取磁盘文件，那样属于非法的，正确的
css3制作转石,CSS3和jQuery制作翻转表单
2021-08-04 02:11

我是只小小鹿吖的博客这篇教程主要使用了CSS3中的3D transform属性和jQuery制作了一个翻转表单的效果。思路首先有两个表单(此处是“登录表单”和“找回密码表单”)，高明之处是，仅仅只有一个表单呈现在大家面前。但当你点击了“ribbons...
前端jquery取值问题，List对喜爱那个是后台传过来的 jquery 前端
2018-03-21 07:04

回答 9 已采纳你是想做图表展示吧？给你个合理的方案：js参数中data的值通过后台循环list拼接，后台给出结果就行。结果放到input中，js取值直接引用就行。前台js也能取，相对复杂一些。前台只能
数据库读出图片显示问题 jquery
2019-04-15 21:39

回答 1 已采纳 for循环代码没截全啊，而且b=(？：)表达式需要括起来，不然可能会出错
求助：jquery的wrap()在IE中正常显示，firefox和chrome不正常 chrome firefox jquery
2017-04-28 02:16

回答 1 已采纳 form就不是table合法元素，不同浏览器你硬插入解析肯定不一样了。改下你的结构，一行易搭配一个table，包裹table起来
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中attr方法无效的问题 javascript jquery 前端
2022-11-08 01:52

回答 8 已采纳 $("div").attr 这个值针对标签的属性才能用如果你要用这个那就得是这样了 $("div").attr("style","left:100px;top:100px;") 但是这样做会有一个
jquery图片上传插件如何删除 javascript jquery 前端有问必答
2022-02-08 22:44

回答 2 已采纳 ajax无刷新提交的话可以调用对应实例的中存储的删除按钮的onclick时间实现图片清空，示例如下 <!DOCTYPE html> <html> <head>
关于Jquery Mobile页面显示顺序的问题 css3 html5 javascript jquery
2019-08-13 19:24

回答 1 已采纳只需要自己改变Hbuilder中的打包选项即可
jQuery hover鼠标悬停品牌图片旋转动画展示-20130716
2013-07-17 00:06

xjwolaile的博客 hover鼠标悬停图片特效，品牌图片列表通过鼠标滑过品牌图片旋转动画展示，鼠标离开品牌图片旋转回来 2、实现原理利用图片上下开始减少px知道变成一条直线后，让黑色背景的第二章图片通过动画效果从最下面...
img标签的src属性使用base64上传图片后刷新网页src显示问题 html javascript 前端
2022-07-20 17:59

回答 3 已采纳使用localStorage本地存储可以实现 <!DOCTYPE html> <html lang="en"> <head> <meta char
JavaScript+jQuery（PC端+移动端）
2022-06-01 13:23

huba_huba的博客 JavaScript+jQuery基础（PC端+移动端）
JQuery简介 - 什么是jQuery
2020-01-15 14:06

柯晓楠的博客概念官方概念： jQuery是一个快速，小型且功能丰富的JavaScript...jQuery是JavaScript的一个工具库，工具库就是指封装好的JavaScript函数，可以直接在程序中进行调用，那jQuery就是一款非常流行的JavaScript库。jQ...
没有解决我的问题, 去提问

悬赏问题

¥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` 只能跳转到主页面？

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

2条回答 默认 最新

悬赏问题

2条回答默认最新