现代谷歌装载机不工作在IE浏览器

我一直在试图找到一个现代谷歌装载机是跨浏览器。任何人都可以请帮我找到一个，我发现这一个适用于除Internet Explorer之外的所有人，或者告诉我如何让这个在IE中工作？我试过fakesmile，但没有奏效。现代谷歌装载机不工作在IE浏览器

HTML：

<div class="loader"> 
    <svg class="circular"> 
     <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> 
    </svg> 
</div>

CSS：

.loader { 
     position: relative; 
     margin: 0px auto; 
     width: 100px; 
     height: 100px; 
     zoom: 1; 
    } 

    .circular { 
     animation: rotate 1s linear infinite; 
     height: 100px; 
     position: relative; 
     width: 100px; 
    } 


    .path { 
     stroke: gray; 
     stroke-dasharray: 1,200; 
     stroke-dashoffset: 0; 
     animation: dash 1.5s ease-in-out infinite; 
     stroke-linecap: round; 
    } 

    @keyframes rotate { 
     100% { 
      transform: rotate(360deg); 
     } 
    } 

    @keyframes dash { 
     0% { 
      stroke-dasharray: 1,200; 
      stroke-dashoffset: 0; 
     } 

     50% { 
      stroke-dasharray: 89,200; 
      stroke-dashoffset: -35; 
     } 

     100% { 
      stroke-dasharray: 89,200; 
      stroke-dashoffset: -124; 
     } 
    }

来源

2015-12-08 Christophe

你想支持的IE版本是什么？ –

这是您的代码作为小提琴https://jsfiddle.net/prqk1gby/。它似乎适用于Chrome，因此@JacobGray表示，您可能遇到了浏览器兼容性问题，并且需要指定您想要返回多远的IE浏览器。 –

嗨感谢您的回复，最近的IE浏览器喜欢11或边缘会很好，但它不工作在其中任何一个:( – Christophe

IE的旧版本不支持关键帧，我离开IE落后。

来源

2017-07-19 06:35:47 Christophe

现代谷歌装载机不工作在IE浏览器

回答

相关问题