2

Firefoxでsvgファイルを使用してcssマスクを使用できることをどこかで読みましたが、機能させることができません...クロムとサファリでは問題なく動作しますが、Firefoxでは運がありませんでした。

4

5 に答える 5

4

これがFirefoxでのやり方です。SVGclipPathsとマスクをhtmlコンテンツに適用します。これはwebkitcssマスクと同じ構文ではありませんが、同じ効果を達成できます。

于 2012-09-05T16:16:46.660 に答える
2

編集: Firefox 54 以降、 http://caniuse.com/#feat=css-masksに従って CSS マスクをサポートする必要があります。

http://caniuse.com/#feat=css-masksによるとサポートされていません

于 2012-09-05T14:59:02.283 に答える
0

https://developer.mozilla.org/en-US/docs/CSS/mask

于 2012-09-05T15:00:07.120 に答える
0

css mask を検索していたところ、このチュートリアルが見つかりました。別の方法を示し、Mozilla
http://thenittygritty.co/css-maskingで正常に動作します

例 - http://www.der-schepp.de/css-masking/mouse.html

于 2013-02-23T21:31:13.557 に答える
0

このjqueryプラグインがあります。これはクロスブラウザでもあるため、最終的にこのソリューションを選択します。

http://almogbaku.github.io/imageMas/

于 2013-09-06T01:36:19.467 に答える