css悬停动画在ie11中不起作用。将鼠标悬停在IE中不工作的元素上的CSS转换

我正在制作悬停动画。 它在Chrome、Safari和FireFox中运行良好。但不是在IE工作。 请解决这个问题

a {
      color: white;
      font-size: 13px;
      margin-right: 5px;
      transition: all 0.2s ease-in;
      display: block;
    }

    a:hover {
      margin-right: 25px;
      background: red;

    }

    a::after {
      content: url(../../images/ICON_DOWNLOAD.png);
      position: absolute;
      right: -30px;
      transition: all 0.2s ease-in;
    }

    a:hover::after {
      right: 15px;
    }

---

我能为您提供的唯一帮助是切换到IE9或更高版本。在该版本之前不支持：after psuedo元素。在处理IE bug时，检查是否支持总是一个好主意

---

我用IE 11浏览器测试了你的代码，动画效果很好

实例 a{ 颜色：白色； 字体大小：13px； 右边距：5px； 过渡：所有0.2秒缓进； 显示：块； } a:悬停{ 右边距：25px； 背景：红色； } a:之后{ 内容：urlhttps://i.postimg.cc/c4QJc7R1/down.png; 位置：绝对位置； 右：-30px； 过渡：所有0.2秒缓进； } a:悬停：：之后{ 右：15px； }