Html 如何在IE10-11中多填充CSS背景大小转换？

我正试图在网站的一些元素中引入一些悬停动画

我注意到IE 10和IE 11看起来有点问题，通过一点研究发现，这些浏览器不支持背景大小的CSS

transition

属性

好吧，好吧，但是微软也从那些浏览器中删除了有条件的评论，那么：我怎么能给IE 10和IE 11一个简化的过渡（保持背景图像的大小相同），同时仍然为那些可以的浏览器保留完整的动画呢

CSS

.home .hero a.animate  {
    background-image: url("/images/home/question.gif"),
                      url("/images/home/person.gif"),
                      url("/images/home/bulb.gif"), 
                      url("/images/home/person-m.gif"),
                      url("/images/home/person-f.gif");
    background-position: 51% 14.5em,
                         50% 13em, 
                         51% 14.5em, 
                         90% 7em,
                         10% 7.5em;
    background-size: 10% auto,
                     40% auto, 
                     10% auto,
                     30% auto, 
                     29% auto;
}

.home .hero a.animate:hover {
    background-image: url("/images/home/bulb.gif"),
                      url("/images/home/person.gif"),
                      url("/images/home/question.gif"), 
                      url("/images/home/person-m.gif"),
                      url("/images/home/person-f.gif");
    background-position: 51% 8em,
                         50% 12em, 
                         51% 8em, 
                         85% 9em,
                         15% 9.5em;
    background-size: 10% auto,
                     38% auto, 
                     10% auto,
                     35% auto, 
                     34% auto;
}

HTML

<div>
    <a class="animate" href="#">
        <h2>Consultancy</h2>
        <p>unbiased and totally independent</p>

        <span class="btn btn-lg btn-success">Find out more</span>
    </a>
</div>

提前谢谢