所以你不能用animate函数去添加filter的渐变效果。应该的写法是 //这样写在ie9模拟的ie7ie8下同样能得到渐变效果。
创新互联致力于互联网网站建设与网站营销，提供成都做网站、成都网站建设、成都外贸网站建设、网站开发、seo优化、网站排名、互联网营销、成都微信小程序、公众号商城、等建站开发，创新互联网站建设策划专家，为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。
你试试background-position-x吧，对IE做个判断就好了。另外animate 简写是 xxx.stop().animate({background-position-x：0}，2000)；后面不用加{}，前面加个stop 防止一直点动画一直播放不停的问题。
尊敬的用户，您好！很高兴为您答疑。在http：//测试了一下该方法，在火狐下可以顺利执行，您的参数书写可能存在问题，请参考示例修正。
animation 是CSS3 里的。就不兼容。 IE 10+ ，chrome ， FF 5+ 才可以看到效果。如果想兼容。可以用js 或是jq 等实现。
x版的jQuery不支持ie9以下的，也不能全用最新的。你看看问题是不是出在这里。下载2版本的试试。
jquery设置透明度渐变函数为fade..，你可以直接调用这个函数设置节点透明度渐变效果。在jquery中fade..函数实际是调用的animate函数，因此在调用animate方法时设置其参数opacity也可以达到透明度渐变操作的效果。
1、首先需要新建一个html文件，命名为test.html。在test.html页面，使用button标签创建四个按钮，分别是播放/暂停、大、中、小，用于控制视频的播放效果。同时，使用video标签创建一个视频。
2、var obj = document.getElementById(square)； obj.style.webkitAnimationPlayState=running running 默认值。规定动画是运行的。 paused 规定动画是暂停的。 initial 设置该属性为它的默认值。
3、/*可用stop()函数立即停止动画，再去执行当前时间产生的效果。
1、.animate( properties [， duration ] [， easing ] [， complete ] )2 .animate( properties， options ).animate()方法允许在任意的数值的CSS属性上创建动画。
2、开始动画 默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。
3、jQuery animate() - 使用预定义的值。把属性的动画值设置为 show、hide 或 toggle即可。
4、show()方法和hide()方法 这两种方法是jQuery动画的最基本方法。
5、使用 setInterval 方法即可设定轮播图档时间 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。