在IE10中CSS縮放無法正常工作

我試圖縮放下面的SVG路徑。這適用於Chrome和Firefox。但在IE10中它不起作用。有什麼建議麼？請在下面找到我的代碼。在IE10中CSS縮放無法正常工作

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

在此先感謝。

來源

2016-12-23 Sanjith

正如你通過實驗看到IE不支持CSS變換的SVG內容。 –

如果從 Can I Use 你結賬的瀏覽器兼容性SVG，你會發現這樣的事情截圖

這意味着IE10不支持<svg></svg>。

來源

2016-12-23 09:52:11 Momin

點擊顯示所有頁面，你會看到IE 10 **不支持SVG。 –

IE 10支持svg。如果IE 10不支持那麼在IE瀏覽器中如何顯示svg路徑。 – Sanjith

@md點擊顯示全部 –

在IE10中CSS縮放無法正常工作

回答

相關問題