为什么我的线性渐变在Firefox中不起作用？

Question

我在Firefox 33上测试我的应用程序。我有一个用渐变定义的简单背景属性：

background: linear-gradient(bottom, #004771 0%, #005185 100%);

它不起作用。 CanIUse 报告可以在没有前缀的情况下使用Firefox 33上的渐变。那为什么不起作用呢？如果我添加一个特定于Mozilla的前缀：

background: -moz-linear-gradient(bottom, #004771 0%, #005185 100%);

一切正常。

Answer 1

当使用不带前缀的线性渐变时，你需要像这样写（＆＃34;到底部＆＃34;而不是＆＃34;底部＆＃34;）：

background: linear-gradient(to bottom, #004771 0%, #005185 100%);

编辑：链接到文档：https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Syntax

Answer 2

您需要使用to bottom才能使其正常工作：

background: linear-gradient(to bottom, #004771 0%, #005185 100%);

jsfiddle