Question

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Rozeus</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="//code.jquery.com/jquery-3.2.1.min.js?v=1"></script>
    <script type="text/javascript" src="svg/CSSPlugin.min.js?v=1"></script>
    <script src="svg/TweenMax.min.js?v=2"></script>
    <script src="svg/custom.js?v=1001"></script>
</head>
<body onLoad="init();">

<h1>SVG</h1>

<img src="images/alternative-rightarrow.svg" class="inject-me">

<style>
.arrow-al {
  stroke-dasharray: 100px;
  stroke-dashoffset: 100px;  
  animation: dash 3s linear forwards infinite;
  -ms-animation: dash 3s linear forwards infinite;
  }

@keyframes dash { 
  0%
  {
    stroke-dashoffset: 100px;  
  }
  100% {
    stroke-dashoffset: 0;  
  }
}
</style>
</body>
</html>

输出（IE11）： https://www.screencast.com/t/FK5ylDX3k

OutPUT（IE除外）： https://www.screencast.com/t/cExJCSyFtEBY

有人知道如何使它在IE中工作吗？

stroke-dasharray和stroke-dashoffset在IE11中不起作用

0 个答案: