用 calc 转换 translateY 在 IE11 中不起作用 [重复]

【问题标题】：transform translateY with calc not working in IE11 [duplicate]用 calc 转换 translateY 在 IE11 中不起作用 [重复]
【发布时间】：2016-08-13 22:23:35
【问题描述】：

我有以下似乎在 IE11 中不起作用的转换。

有没有其他方法可以让 calc 在 IE11 中工作？

transform: translateY(calc(-100% - 5rem))
-ms-transform: translateY(calc(-100% - 5rem))

【问题讨论】：

可能相关 - stackoverflow.com/questions/21142923/…

标签： css internet-explorer-11 css-transforms

【解决方案1】：

-ms-transform: translateY(-100%) translateY(5rem);
-webkit-transform:  translateY(-100%) translateY(5rem);
-moz-transform:  translateY(-100%) translateY(5rem);
transform:  translateY(-100%) translateY(5rem);

这等于计算。 calc 不适用于 ie 11。

【讨论】：

最后我只是在 calc 上面使用了transform: translateY(-120%);。因为该转换在 IE 上的工作方式并不完全相同
谢谢你迈克尔，你救了我们的培根！