是否存在-moz-mask CSS屬性，如-webkit-mask-image？

Question

Firefox中似乎不支持-moz-mask-image。

我在嘗試前景漸變。我無法使用圖片，因爲我需要選擇文字。有沒有人有任何想法的Firefox？

This version作品在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))); 

Answer 1

根據MDN，你可以使用mask爲火狐，火狐3.5：

• https://developer.mozilla.org/en/CSS/mask

然而，mask需要一個SVG圖像作爲掩碼。您可能能夠base-64 encode your SVG image into your stylesheet，或者您可以使用SVG圖像文件。