线性梯度的优先级？答案

【问题标题】：Priority for linear gradient?线性梯度的优先级？
【发布时间】：2014-12-29 20:58:31
【问题描述】：

我有这个：

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-gradient。 linear-gradient 有优先级吗？我只希望最后一行作为后备。

【问题讨论】：

你为什么要做两件不同的事情？
前缀并不是这样工作的。 最新版 Firefox 使用linear-gradient，而旧版本将依赖前缀-moz-linear-gradient。但是@DanielA.White 的问题仍然存在......为什么你希望后备是完全不同的东西？
16 之前的 Firefox 版本不需要前缀...如果你想要一个后备必须是 moz 而不是无前缀的行。 css-tricks.com/css3-gradients
那没关系。我不知道，Firefox 现在使用线性渐变。反过来，谢谢！

标签： css firefox gradient rgba

【解决方案1】：

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

-moz- 前缀规则用于与旧版本（Fx 3.6 到 Fx 15）兼容。 Firefox 16 支持 linear-gradient（不带前缀）。您必须测试过的浏览器必须是 Firefox 16 或 16+ 版本，这就是它选择 linear-gradient 而不是 -moz-linear-gradient 的原因。

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

希望对你有帮助！！！

【讨论】：