Почему преобразование не работает хорошо в IE?

Question

Я хочу центрировать SVG с помощью CSS, и, как я узнал, лучший способ добиться того, чего я хочу, это использовать transform, top и left:

.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 не поддерживает преобразование для элементов SVG.

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

Не поддерживает преобразования CSS для элементов SVG (вместо этого можно использовать атрибут преобразования)