Debugging IE10/IE11中的CSS3转换问题

Debugging IE10/IE11中的CSS3转换问题,debugging,svg,cross-browser,internet-explorer-10,internet-explorer-11,Debugging,Svg,Cross Browser,Internet Explorer 10,Internet Explorer 11,我很难在IE10/IE11中正确显示此svg 它在Chrome和Firefox中运行良好 以下是我的情况 有什么想法吗?从简化的测试开始: <!doctype html> <head> <style> .rack-edit { transform: rotateY(140deg); } .figure { display: block; width: 500px; height: 300px; } </style> <

我很难在IE10/IE11中正确显示此svg

它在Chrome和Firefox中运行良好

以下是我的情况


有什么想法吗?

从简化的测试开始:

<!doctype html>
 <head>
  <style>
   .rack-edit { transform: rotateY(140deg); }
   .figure { display: block; width: 500px; height: 300px; }
  </style>
 </head>

 <div class="rack-edit">    
  <figure class="back">
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="444" height="294">
      <rect stroke="black" stroke-width="10" width="10" height="10" />
    </svg>
  </figure>
 </div>

.rack编辑{变换:旋转(140度);}
.图{显示:块;宽度:500px;高度:300px;}
在所有三种浏览器中都能实现同样的效果,然后从那里开始