2016-04-21 13 views
4

我有以下轉換似乎不工作在IE11中。轉換translateY與計算在IE11中不工作

是否有替代計算工作在IE11?

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

可能的相關 - http://stackoverflow.com/questions/21142923/ie-10-11-css-transitions-with-calc-do-not-work – Stickers

回答

10
-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.

+0

到最後我只是使用'transform:translateY(-120%);'在calc之上。因爲這個轉換在IE上並不完全一樣 –