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

Question

请看下面的图片。请注意，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

火狐

Answer 1

我想您可能正在寻找这样的东西:

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

您只是错过了color stop 参数。

现场演示:http://jsfiddle.net/kd8Vf/3/

我将颜色更改为#CCC，将背景更改为黑色，以便您看得更清楚。相应地改回颜色。

另见:https://developer.mozilla.org/en-US/docs/CSS/linear-gradient