Fatal编程技术网
  • firefox/
  • Firefox 是否有-moz mask CSS属性，比如-webkit mask image？

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

firefox css

Firefox 是否有-moz mask CSS属性，比如-webkit mask image？,firefox,css,gradient,mask,Firefox,Css,Gradient,Mask,似乎Firefox不支持-moz掩码图像 我正在尝试前景渐变。我不能使用图像，因为我需要可选择的文本。有人对Firefox有什么想法吗 在chrome和safari中工作 css: 根据MDN，从Firefox 3.5开始，您可以对Firefox使用mask： 但是，mask需要SVG图像作为掩码。您可能可以，也可以使用SVG图像文件。除非您不能将其与渐变一起使用，否则必须使用。您的背景是纯色吗？您可以在文本顶部放置一个伪元素，从透明变为背景色。您好Duopixel-是的，我尝试过这个方法

似乎Firefox不支持
-moz掩码图像

我正在尝试前景渐变。我不能使用图像，因为我需要可选择的文本。有人对Firefox有什么想法吗

在chrome和safari中工作

css:

根据MDN，从Firefox 3.5开始，您可以对Firefox使用
mask
：

但是，
mask
需要SVG图像作为掩码。您可能可以，也可以使用SVG图像文件。

除非您不能将其与
渐变一起使用，否则必须使用。您的背景是纯色吗？您可以在文本顶部放置一个伪元素，从透明变为背景色。您好Duopixel-是的，我尝试过这个方法，但结果是无法选择文本。添加
指针事件：无
到gradient元素。太好了，谢谢你的建议。我从future出发，宣布Firefox53终于支持了
掩码图像。好极了

-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)));