使用笔划破折号的SVG动画不会在IE中显示

Question

我有以下SVG动画，可以在Chrome，Safari，Firefox中正常运行，但线条图不会在IE中显示。 我只是尝试了线条绘制而没有褪色或远离css速记，但没有变化。

任何帮助或建议将不胜感激。

http://jsfiddle.net/zpL4okys/

      .path {
        stroke:#fff;
        fill:transparent;
        stroke-width:1;
        opacity: 0;
        -webkit-animation: dash 1.5s linear forwards, fadeout 1.9s linear;
                animation: dash 1.5s linear forwards, fadeout 1.9s linear;
      }
      .drawing {
        position: relative;
      }
      .illustration, .line-drawing {
        position: absolute;
        top:20%;
        left:0;
        right: 0;
        margin: auto;
      }
      .illustration {
        opacity: 1;
        animation: fadein 2s ease-in;
      }
      @keyframes dash {
        to {
          stroke-dashoffset: 0;
        }
      }
      @keyframes fadeout {
        0% {
          opacity:1;
        }
        99% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
      @keyframes fadein {
        0% {
          opacity: 0;
        }

        90% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
      }