transform translateY with calc not working in IE11

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

This is equal to calc. calc does not work on ie 11.

Share:
11,035
svnm
Author by

svnm

javascript, ruby, css

Updated on July 28, 2022

Comments

  • svnm
    svnm almost 2 years

    I have the following transform which does not seem to work in IE11.

    Is there an alternative to get calc to work in IE11?

    transform: translateY(calc(-100% - 5rem))
    -ms-transform: translateY(calc(-100% - 5rem))
    
  • svnm
    svnm about 8 years
    in the end I just used transform: translateY(-120%); above the calc one. as that transform did not work quite the same on IE
  • Carol McKay
    Carol McKay over 5 years
    Thankyou Michael, you saved our bacon!