首页 新闻 搜索 专区 学院

【神发现】- 突然发现transition在Chrome46以下的版本会出现过度失效的问题

0
悬赏园豆:100 [已关闭问题] 关闭于 2016-11-18 11:03

今天工作的时候,在使用transition做一个垂直旋转180度的翻拍效果,就这么一个简单的小效果,硬是折腾了我一天都没解决。

这个问题就是,当我用鼠标在对象上快速的移入移出的时候,就会出现,要么鼠标进入的时候没有过度效果,要么就是鼠标离开的时候没有过度的效果,这个过度效果就是指从一种状态进入另一种状态的时间。

最后经过我的测试,发现我写的这个代码,只有在Chrome46以下的版本才会出现这种问题,当我将其归属于Chrome的Bug时,惊奇~的发现,天谕的官方网站同类似的效果竟然在46以下没有这种问题,顿时,心中一万头草泥马神兽奔过,

从发问到现在,我都没有找到答案,最后决定还是发个问问,然后还是洗澡睡觉吧。

所以,最后:大神们,求帮助

我的Demo页面地址:http://xhtml.free3v.net/

友情提示:请在chrome的控制台中使用navigator.appVersion检查浏览器的版本是否在46以下。

同类似效果的天谕官网:http://tianyu.163.com/index.html?from=fab

卷柏的花期的主页 卷柏的花期 | 初学一级 | 园豆:102
提问于:2015-11-21 01:39
< >
分享
所有回答(1)
0

我去,Chrome提示http://xhtml.free3v.net/有恶意代码,无法访问。。。

另外,浏览器版本为46,基本无法测试。。

幻天芒 | 园豆:36781 (高人七级) | 2015-11-21 10:22

淡定,淡定大哥,肯定是没有恶意代码的,只是我用的是免费空间,一个IP绑了很多的DNS。。。

支持(0) 反对(0) 卷柏的花期 | 园豆:102 (初学一级) | 2015-11-21 11:16

@卷柏的花期: 哈哈,明白。只是chrome提示的。版本不对,无法测试哈。

可以把天谕官网保存到本地,然后删掉多余的东西。和你这边进行对比。一般来说,代码问题的几率会高些。

支持(0) 反对(0) 幻天芒 | 园豆:36781 (高人七级) | 2015-11-21 11:53
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册