Css Firefox上的线性渐变看起来很糟糕

我给了我的浏览器一个线性渐变，但在Firefox中，甚至在新版本中，我得到的是类似于纯色条的渐变。这是我的CSS中的内容：

 background-color: #d3d3d3;
 background-repeat: repeat-x;
 background: -moz-linear-gradient(top, rgba(145,145,142,1) 0%, rgba(253,253,253,1) 99%);
 background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#fcfcfc));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3',endColorstr='#fcfcfc');
 background: -o-linear-gradient(rgb(211,211,211),rgb(253,253,253));

根据，您不太可能面临版本问题。和往常一样，Firefox是第一个实现标准兼容（无前缀）CSS属性的浏览器（它已经有9个版本了）

---

尝试删除

背景重复

属性，因为它对于渐变几乎是无用的，除非您设置了一个。如果问题解决了，我建议在上发布错误报告。它在IE10和Chrome上运行良好吗？

什么意思是像纯色条一样构建渐变？运行良好它看起来是这样的：检查您的Firefox版本或屏幕分辨率，可能是您没有安装显示驱动程序！嗯，不是我，客户端的计算机会显示类似的内容，我的跨浏览器测试软件（browserstack）也会这样做……是的，在IE10（以及一些旧版本）和我测试的所有Chrome版本中都可以正常工作。不知道该代码有什么问题…尝试删除

线性渐变中的百分比标记。这将意味着“0%时更暗，100%时更亮”，这与您指定的非常接近。我尝试了您编写的所有内容，我的身体看起来如下：身体{/*fallback*/宽度：100%；高度：100%；背景颜色：#d3d3d3；背景：-moz线性渐变（顶部，rgba（168168168,1）0%，rgba（255255,1）100%）；背景：-webkit渐变（线性、左上、左下、从（#d3d3d3）到（#fcfc））；过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#d3d3d3'，endColorstr='#fcfcfc'）；背景：-o-线性渐变（rgb（211211211211），rgb（253253））；字体系列：“EB Garamond”，衬线；背景附件：固定；}仍然存在问题…您使用的Firefox版本是什么？