ie浏览器的背景图片放大问题

ie浏览器内的背景图片大小怎么控制?

想实现这种效果，ie11
.backBasize{transition:all 2s;background-size:100% 100%;}
.backBasize:hover{background-size:105% 105%;}
ie浏览器transition会放大但是过渡效果卡顿
用动画直接就不动了


//网上搜到的是这个-但是这个并不能控制背景大小
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagesImg/page6_1.png',  sizingMethod='scale');

也试了下面说的原标签上加，其实和class加是一样的

放弃了

解决卡顿的最好方法就是在其hover选择的原标签上添加：transition：all 2s。

原理：因为在其标签上加的话，代表他的运动开始与结束效果会连续。

可以加上animation属性？ 

:hover{
     animation-name: likes;     // 动画名称
      animation-direction: alternate;   // 动画在奇数次（1、3、5...）正向播放，在偶数次（2、4、6...）反向播放。
      animation-timing-function: linear;    // 动画执行方式，linear：匀速；ease：先慢再快后慢；ease-in：由慢速开始；ease-out：由慢速结束；ease-in-out：由慢速开始和结束；
      animation-delay: 0s;    // 动画延迟时间
      animation-iteration-count: infinite;    //  动画播放次数，infinite：一直播放
      animation-duration: 0.8s;   // 动画完成时间
}
@keyframes likes {
  0% {
   transform:scale(1);
  }
  100% {
  transform:scale(1.05)
  }
}

很简单啊，加个动画就OK了，就是下面截图中红色框里的

img