Marke CSS transition＆＃34; calc＆＃34;在IE 11中工作

Question

如何使这个带有calc(x - y)的CSS脚本在IE 11中运行？ JsFiddle here

如果＆＃34;纯＆＃34; calc似乎有用，translateX(calc)似乎不是这样......

＆＃13;

＆＃13;

#outer {
    width:50%;
    background-color:black;
    height:200px;
}
#inner {
    width:calc(100% - 100px);    
    background-color:red;
    height:100%; 
    opacity: 0.5;
}
#inner:hover {
  transform: translateX(calc(100% - 100px));
}

＆＃13;

<div id="outer">
    <div id="inner">
        
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;

PS。正如@Cactus CanIUse评论

  

IE11不支持转换使用calc（）

设置的值

可能有什么办法解决？