Firefox CSS3渐变在Fx下看起来很糟糕

在本主题中，我只提到了Firefox，因为目前它是我测试代码的唯一浏览器，不过如果有人能给我一个通用的解决方案，那就太好了：）

---

使用上面的代码我看到。。。步骤？：）我的意思是-它不是平滑的，但非常矩形，就像那样：浅灰色，有点深灰色，浅黑色，黑色，而不是颜色平滑地相互褪色。有什么办法可以防止这种情况吗？

我的朋友，你的色觉比我好。天太黑了，我根本看不到梯度。无论如何，以下是支持所有现代浏览器的风格，就像今天一样：

小提琴：

CSS

background:-moz-linear-gradient(rgb(30, 30, 30), rgb(4, 4, 4));
background:-o-linear-gradient(rgb(30, 30, 30), rgb(4, 4, 4)); /* Opera */
background:-webkit-linear-gradient(rgb(30, 30, 30), rgb(4, 4, 4)); /* Safari 5.1+, Chrome 10+ */  
background:-ms-linear-gradient(rgb(30, 30, 30), rgb(4, 4, 4)); /* IE10 PP */
background:linear-gradient(rgb(30, 30, 30), rgb(4, 4, 4)); /* W3C */ 

---

对于FF，我通常使用以下公式：

background: -moz-linear-gradient(top, topvalue 0%, bottomvalue 99%); /* firefox */

因此，在您的情况下：

background: -moz-linear-gradient(top, rgb(30, 30, 30) 0%, rgb(4, 4, 4) 99%);

另外，如果您感兴趣，这是我用来介绍各种浏览器的组。 这是一个垂直梯度，从#999到#000

---

希望有帮助

我明白了为什么我的渐变不平滑（至少我这么认为：）-这是因为开始颜色和结束颜色之间的差异太小了。在一个大的表面上，它非常清晰可见，但是如果我创建一个100x100px的div，它就可以了…

这是因为我只是使用了您提供的颜色值。以下是我更新的示例：

background: -moz-linear-gradient(top, rgb(30, 30, 30) 0%, rgb(4, 4, 4) 99%);

/* CSS Gradients */

background: -moz-linear-gradient(top, #999999 0%, #000000 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(99%,#000000)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#000000',GradientType=0 ); /* ie */