0

ここで IE 10 を使用しています。Firefox は正常に動作しますが、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);"/>
4

1 に答える 1

0

現在、HTML 要素へのマスクの直接適用をサポートしているのは Firefox だけです。他の UA では、SVG オブジェクトにマスクなどの SVG 効果を設定することしかできません。

これを IE で動作させたい場合は<image>、HTML 要素ではなく SVG 要素を使用して画像を表示する必要があります<img>。

于 2013-05-01T15:55:25.470 に答える