线性渐变在Firefox4中不起作用

我最近尝试只使用CSS3对网页应用渐变背景。 在测试以下代码时：

body {background: -moz-linear-gradient(top, blue, white);}

结果是：

不完全是我想要的。。。 知道发生了什么吗？ 操作系统是Win7 64位和Firefox4。

---

谢谢

发生这种情况是因为身体的高度很小，默认情况下背景是重复的

您可以使其不重复：

body { background-repeat: no-repeat; }

或者将容器的高度（

html

）设置为窗口的大小：

html { height: 100%; }

---

不过请注意，在滚动时，后者有时可能会产生意外的效果。

您可能希望将

无重复

添加到该背景属性中

或者设置

（和

）的高度，如下所示：

---

第一个例子，谢谢！我猜firefox在为没有声明宽度的元素设置渐变方面有问题。@GZaidman这不是firefox的问题，它正在做的正是你告诉它的应该做的。

html { height: 100%; }
body { background: -moz-linear-gradient(top, blue, white); height: 100%; }