轉換翻譯屬性無法在Internet Explorer中使用calc

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);