是否有-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，您可以在Firefox 3.5中使用mask：

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

但是，mask需要SVG图像作为掩码。您可以base-64 encode your SVG image into your stylesheet，或者可以使用SVG图像文件。