是否有-moz-mask CSS属性,比如-webkit-mask-image？

Question

-moz-mask-imageFirefox 似乎不支持它.

我正在尝试前景渐变.我不能使用图像,因为我需要文本可选.有没有人对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)));

Answer 1

根据 MDN，您只能mask在 Firefox 上使用，从 Firefox 3.5 开始：

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

但是，mask需要 SVG 图像作为遮罩。您可以将SVG 图像以 base-64 编码到样式表中，或者可以使用 SVG 图像文件。