IE下 GIF不动失效的奇葩问题

IE下(IE6~IE9都有该问题),对页面进行了某些操作之后,页面上的GIF动画就停留在某一帧不动了~~~ !! 我大IE 就是这么奇葩。

搜索了一下,搞了好久总算搞定。 下面说下目前了解的所有的可能情况

1. 首先是页面上进行的a标签的点击操作,若在a标签的 href属性写成

<a href="javascript:;">点我将导致GIF在IE下不动哦,不信你试试</a>

类似的写法还有 javascript:void(0);  javascript:void(none); 等 反正就是阻止IE默认的事件。 改为如下写法即可解决

<a href="#" onclick="return false;">现在GIF不受影响了哦</a>

如果这一步做完还是无法解决,那请看第二步

2. 检查是否是提交表单的动作,若为提交表单加载loading等待的GIF,就需要将gif直接用img标签写在HTML里面并且在加载的时候重新给img的src赋值一次,这样就能解决了。 stackoverflow:http://stackoverflow.com/questions/780560/animated-gif-in-ie-stopping

3. 如果以上情况都不是,那到这里就是跟我当前碰到的类似了,上面的设置都进行了修改,但是还是无效的,就是因为页面上的GIF 曾经被js动态加载的dom元素覆盖了,然后尽管再次移除,gif动画也不会继续生效,这个时候就只能将覆盖的元素去掉了,或者重新为img的src赋值。

我微软大IE 果然奇葩!!

原文地址:https://www.cnblogs.com/aleafo/p/3591783.html