我使用下面的css来获得线性渐变效果，但它不适用于mozilla firefox，你们中的任何人都知道它也有助于在firefox中获得同样的效果。
css是
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.65) 0,transparent);
答案 0 :(得分：1)
我总是使用this编辑器来表示渐变。一个很好的可视化编辑器，用于具有css代码输出的渐变。创建的代码支持每个主要浏览器，并为旧版Internet Explorer提供后备。
答案 1 :(得分：1)
使用-moz-linear-gradient：
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .65) 0,transparent);
W3C版本的语法略有不同：
background-image: linear-gradient(to top, rgba(0, 0, 0, .65) 0, transparent);
您应该始终在W3C之前使用供应商特定的前缀（-o，-moz等）。要防止自己编写，可以使用 编译时前缀 ，例如Nettus+ Prefixr或 实时前缀< / em> ，例如Lea Verou's Prefix free。
在Gradients的特定情况下，您可以使用为您添加前缀的优秀Gradient Generator。
答案 2 :(得分：1)
-moz-linear-gradient(center top, #000, #fff);
这就是格式。
答案 3 :(得分：0)
首先，当使用带有-webkit-前缀的任何 CSS功能时，总是也应该指定相同的功能而不带前缀。
前缀表示它是（或曾经）特定浏览器支持的实验性功能，但可能仍在开发中或尚未标准化。
当功能标准化时，较新版本的浏览器将删除前缀，这就是为什么你应该总是使用该样式的无前缀版本。
在渐变的情况下，语法已经标准化了一段时间，因此对于几乎所有主流浏览器的当前版本，您可以使用它而不需要像这样的前缀：
background: linear-gradient(to top, rgba(0, 0, 0, .65) 0, transparent);
这应该适用于所有主流浏览器的最新版本，包括Firefox和Chrome。
因此，如果您只想支持当前的浏览器版本，则根本不需要-webkit-前缀。
然而，这并不总是现实的，因为您可能需要支持某些浏览器的旧版本。
在这种情况下，有助于了解哪些浏览器版本需要前缀，以帮助您决定是否通过提供样式的前缀版本来支持它们（因为如果您支持它们，那么它在CSS中可能会有很多重复包含所有这些前缀的代码。）
因此，例如，很多Safari用户可能没有使用最新版本，这意味着他们需要-webkit-前缀。或者你可能想要支持Android设备，它们仍然需要它。
但好消息是Firefox长时间不需要此功能的前缀，因此您可以安全地删除-moz-前缀。
在CanIUse.com处找到关于此类事情的好地方，它提供了有关浏览器功能的历史浏览器支持的确切详细信息。
希望有所帮助。