Проблемы преобразования CSS3 в IE10/IE11

У меня возникли проблемы с правильным отображением этого svg в IE10/IE11.

Он отлично работает в Chrome и Firefox.

Вот CodePen с моей ситуацией.

Есть предположения?


debugging svg internet-explorer-11 cross-browser internet-explorer-10
person Bimsley    schedule 30.01.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Начните с упрощенного теста:

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

Сделайте так, чтобы это работало одинаково во всех трех браузерах, а затем идите оттуда.

person Community    schedule 28.02.2014