Firefox css在部分div而不是整个div上的线性渐变属性？

请看下面的图片。请注意，Chrome中的内部渐变从上到下仅渗透10px，而Firefox中的渐变则渗透到整个div

我想让Firefox渐变像Chrome渐变一样

Firefox中有什么方法可以做到这一点吗

下面是我为Chrome和Firefox编写的css代码

background: -webkit-gradient(linear, 0 0, 0 10, from(#F5F6F7), to(white));
background: -moz-linear-gradient(top, #F5F6F7, white);

Chrome

Firefox

类似这样的内容：

大概是这样的：

---

我想你可能在寻找这样的东西：

background: -moz-linear-gradient(top, #CCC 0%, #FFFFFF 10%);

你只是错过了颜色停止参数

现场演示：

我将颜色改为#CCC，背景改为黑色，这样你可以看得更清楚。相应地改变颜色

---

另请参见：

我想您可能正在寻找类似的产品：

background: -moz-linear-gradient(top, #CCC 0%, #FFFFFF 10%);

你只是错过了颜色停止参数

现场演示：

我将颜色改为#CCC，背景改为黑色，这样你可以看得更清楚。相应地改变颜色

另见：