css - 在 Firefox 上难看的线性渐变

Question

我给了我一个线性渐变，但在 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));

Answer 1

根据 this ，您遇到版本问题的可能性很小。与往常一样，Firefox 是第一个实现符合标准(无前缀)CSS 属性的公司(并且已经有 9 个版本了)。

尝试删除 background-repeat 属性，因为除非您设置了 background size，否则它对渐变几乎没有用。 .如果它解决了，我建议在 Bugzilla 上发布错误报告.它在 IE10 和 Chrome 上运行良好吗？