SVG圖像掩蓋了IE

進出口使用IE 10在這裏，火狐工作正常，但沒有面具在IESVG圖像掩蓋了IE

顯示

<svg style="height:0;"> 
             <mask id="m1" maskUnits="userSpaceOnUse" maskContentUnits="userSpaceOnUse"> 
             <image width="78px" height="78px" xlink:href="images/mask2.png"></image> 
             </mask> 
            </svg> 
            <img src="images/avatar-sample.jpg" style="mask:url(#m1);"/>

來源

2013-05-01 Glen

[SVG Image Mask在Firefox或IE中無法正常工作]的可能副本（http://stackoverflow.com/questions/16320863/svg-image-mask-not-working-in-firefox-or-ie） – cimmanon 2013-05-01 15:56:03

漂亮類似的，但在一個面具適用於一個foreignObject和另一個HTML img元素。前者應該在IE中工作，但不能在後者中工作。 – 2013-05-01 15:59:36

既不在工作。前者使用foreignObject在IE – Glen 2013-05-01 16:11:37

僅限Firefox瀏覽器目前支持applying a mask directly to an HTML element。其他UA只允許您在SVG對象上設置SVG效果，如遮罩。

如果你想要在IE中工作，你將不得不使用SVG <image>元素來顯示圖像而不是HTML <img>元素。

來源

2013-05-01 15:55:25

中顯示完全空白的頁面，所以有人對如何在FF和IE中進行這項工作有任何意見？ – Glen 2013-05-01 16:27:02

這是你的另一個問題。我已經回答了這個問題。 – 2013-05-01 19:35:45

SVG圖像掩蓋了IE

回答

相關問題