Question

我遇到以下（示例）代码的问题：

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <style>
    @keyframes alert {
      0% {
        stroke: red
      }
      50% {
        stroke: transparent
      }
      100% {
        stroke: red
      }
    }
    @-webkit-keyframes alert {
      0% {
        stroke: red
      }
      50% {
        stroke: transparent
      }
      100% {
        stroke: red
      }
    }
    .item-400-rect-active {
      animation: alert 2s infinite;
      -webkit-animation: alert 2s infinite;
      stroke: green;
    }
  </style>
</head>

<body>
  <svg>
    <rect class="item-400-rect-active" style="fill: yellow;" x="0" y="0" width="20" height="20" />
  </svg>
  <html>

＆＃13;

它在Chrome和Firefox中运行良好，但它在IE11中无效（其他动画效果很好，例如更改div元素的边框颜色）。我无法理解为什么这不起作用。

关键帧上的描边动画效果在Internet Explorer中的SVG上不起作用，为什么？

0 个答案: