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上运行良好吗？

在Firefox上糟糕的线性渐变

1 个答案: