IE10でCSSスケーリングが正しく機能していない

Question

次のSVGパスを拡大しようとしました。これはchromeとfirefoxで正常に動作します。しかし、IE10では機能しません。助言がありますか？以下の私のコードを見つけてください。事前に

.two { 
 
    transition: all 2s ease-in-out 0.5s; 
 
    -webkit-transition: all 2s ease-in-out 0.5s; 
 
} 
 

 
#scale { 
 
    height: 150px; 
 
    width: 100px; 
 
    text-align: center; 
 
    margin: 0 auto; 
 
} 
 

 
#scale { 
 
    border: 1px blue solid; 
 
} 
 

 
.grow:hover { 
 
    transform: scale(2.0); 
 
    /*-ms-transform: scale(2.0);*/ 
 
    -webkit-transform: scale(2.0); 
 
}

<svg width="220" height="220"> 
 
    <g transform="translate(110,110)"> 
 
    <path d="M0 -43.3 50 43.3 -50 43.3Z" fill="yellow" stroke="blue" stroke-width="2" 
 
      id="scale" class="grow two" /> 
 
    </g> 
 
</svg>

感謝。

Answer 1

場合は、IE10が<svg></svg>をサポートしていません平均です。このスクリーンショット

のようなものを見つけますSVGため Can I Use からあなたのチェックアウトブラウザの互換性。あなたはCSSをサポートしていない実験IEで見てきたように