CSS Transitions not working for IE

Question

My website displays different background images with transitions setting in the CSS body below:

 

body {

    padding-top: 70px;

    margin: 0;

    background-repeat: no-repeat;

    background-size: 100%;

  

    opacity: 1.0;

    -moz-transition: background 1.5s linear;

    -webkit-transition: background 1.5s linear;

    -o-transition: background 1.5s linear;

      transition: all 5s linear 1s;

}

 

The transitions setting above works great in Chrome. However, it shows no animation effects in IE when transition from one image to another. 

 

I have googled the web on IE transitions but nothing helps so far.

 

Please advise. Thank you.