为什么我的线性渐变在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

当使用没有前缀的线性渐变时,你需要像这样写("到底部"而不是"底部"):

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