在Internet Explorer中使用calc，转换translate属性不起作用

Question

我在Internet Explorer中使用calc时遇到问题。 我使用的transform: translate(calc(-50% + 10px), calc(-50% + 20px))在Internet Explorer中不起作用。

我知道 transform: translate(0, calc(100% + 5px))在Internet Explorer中不起作用，但与在IE中工作的transform: translate(0, 100%) translate(0, 5px)等效。

有人可以帮助transform: translate(calc(-50% + 10px), calc(-50% + 20px))将其转换为等效的，以便它可以在IE中使用。

Answer 1

将其拆分为不同的翻译：

   transform: translateX(-50%)
              translateX(10px)
              translateY(-50%)
              translateY(20px);