css - 线性渐变的优先级?

标签 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 有优先级吗?我只想要最后一行作为后备。

最佳答案

-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

希望这有帮助!!!

关于css - 线性渐变的优先级?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27695905/

相关文章:

jquery - bootstrap/html -- 如何让移动滑下导航在桌面分辨率下工作?

html - 单击文件输入标签的解决方法 (Firefox)

javascript - 从 python 编辑 .js 文件

css - 让粘性页脚工作的问题

html - 将 div 拉伸(stretch)到浏览器的一侧

javascript - 由于 (true/false) 变量,CSS 文本颜色发生变化

c# - Firefox 不显示动态添加的 Silverlight 5 控件

css - 径向渐变 CSS 原点位于顶部,而不是中心

android - 使用设置了三种以上颜色的 gradientDrawable

python - 使用 matplotlib cmap 填充子图