Jquer hover +animate IE下出现抖动

昨天写一个类似Metro上翻动作时遇到的问题。一个大的div用的relative属性,然后一个container div用的absolute,里面包含4个div,未设置position属性(应该就是流式布局,static?),IE下(调试模式下,7~10均出现)出现不停的抖动。

找了一下,看到一个网页里面写的内容:(昨天忙着做,也没记下网址,大概是这个意思)

出现条件:

当position属性为relative,或父div position为relative ,该子div position不是absolute时,IE下使用hover会出现抖动,就是绑定的两个事件会迅速交替地被调用,当事件与animate 位置有关时,就是让人难以接受的抖动。

解决方法:

改变该div的position属性即可;

 

 

ps: hover就是mouseenter、mouseleave的封装,所以同样的,将一个对象绑定这两个事件,会出现这种现象

你可能感兴趣的:(Jquer hover +animate IE下出现抖动)