IE10 / IE11中的CSS3转换问题

时间:2014-01-30 19:39:25

标签: debugging svg cross-browser internet-explorer-10 internet-explorer-11

我无法在IE10 / IE11中正确显示此svg。

它在Chrome和Firefox中运行良好。

根据我的情况,这是CodePen

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

从简化测试开始:

<!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>

在所有三种浏览器中使用相同的工具,然后从那里开始。