为什么在IE中转换效果不佳？

Question

我想将svg与CSS居中，据我了解，实现我想要的最佳方法是使用顶部和左侧的变换：

.center {
    display: block;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

HTML（不是我认为是必需的，但）：

<div class="button center">
    <a href="#">
        <svg>...</svg>
    </a>
</div>

在每种现代浏览器上，我都能得到预期的结果。但与往常一样，IE使我的生活更加艰难。为什么？

Answer 1

Internet Explorer does not support transform on SVG elements.

https://caniuse.com/#search=transform

上的标题属性

  

不支持对SVG元素进行CSS转换（transform属性   可以代替）