线性渐变的优先级?

时间:2014-12-29 20:58:32

标签: css firefox gradient rgba

我有这个:

background: -moz-linear-gradient(rgba(255,207,0,0.85),rgba(155,257,0,0.85), rgba(55,0,255,0.2) );
background: -ms-linear-gradient(#abcdef, #123456, #7890ab);
background: -webkit-linear-gradient(#abcdef, #123456, #7890ab);
background: -o-linear-gradient(#abcdef, #123456, #7890ab);
background: linear-gradient(#abcdef, #123456, #7890ab);

并发现Firefox选择了最后一行,而不是-moz-linear-gradientlinear-gradient是否优先考虑?我只希望最后一行作为后备。

1 个答案:

答案 0 :(得分:0)

-moz-linear-gradient是Mozilla供应商的前缀。 CSS供应商前缀是浏览器供应商在某种测试和实验期间添加对新CSS功能的支持的一种方式。供应商前缀用于添加可能或可能不是正式规范的一部分的新功能,以及在尚未最终确定的规范中实现功能。

-moz-前缀规则用于与旧版本(Fx 3.6到Fx 15)的兼容性。 Firefox 16支持linear-gradient(没有前缀)。您必须测试的浏览器必须是Firefox 16或16+版本才能获得linear-gradient而不是{{1} }。

来源:https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient

希望这有帮助!!!