そうみたいです -moz-mask-image
はFirefoxではサポートされていません。
前景のグラデーションを試しています。テキストを選択可能にする必要があるため、画像を使用できません。 Firefoxについて何かアイデアはありますか?
このバージョン で動作chromeおよびsafari
css:
-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgba(0,0,0,0)), color-stop(0.52, rgba(0,0,0,.5)), color-stop(0.77, rgba(0,0,0,1)));
-moz-mask: -moz-gradient(linear, left bottom, left top, color-stop(0.16, rgba(0,0,0,0)), color-stop(0.52, rgba(0,0,0,.5)), color-stop(0.77, rgba(0,0,0,1)));
MDNによると、Firefox 3.5以降、Firefoxにはmask
を使用できます。
ただし、mask
では、マスクとして機能するSVGイメージが必要です。 base-64でSVG画像をスタイルシートにエンコードする 、またはSVG画像ファイルを使用できる場合があります。