Search code examples
cssinternet-explorer-9

How can I make CSS calc function work in IE9 with negative numbers?

I have tried the following:

-ms-transform: translateY(calc(-100% - 70px));

-ms-transform: translateY(calc(- 100% - 70px));

-ms-transform: translateY(calc(0 - 100% - 70px));

-ms-transform: translateY(calc(0px - 70px - 100%));

None of this is picked up by IE9. Any idea how to get this to work in IE9? Works in Chrome and other modern browsers.

Solution

  • caniuse reports that:

    IE10 and IE11 don't support using calc() inside a transform.

    View the official bug report at MS IE trac (seems to be working on Edge tho)