覆盖整个页面的CSS背景渐变

我试图让我的背景渐变覆盖整个页面（至少目前在Firefox中）：

---

我试过了，但没用。我的渐变重复。

您需要添加背景重复：无重复

如果您正在使用jQuery，从逻辑上讲，这应该是可行的：

$("body").css( 'background', '-moz-radial-gradient(' + window.innerWidth + 'px ' + window.innerHeight + 'px, closest-corner, purple, #2F2727)' );

---

虽然，它会产生一个完全的背景颜色，所以它可能不是你最好的选择，但是它会找到窗口的高度和宽度，并相应地设置渐变。

新的Firefox不再需要moz前缀，就像你说的那样，它可以工作，但不会产生渐变。有办法吗？事实上我不知道。看来应该行得通。可能有一些关于梯度的东西。

$("body").css( 'background', '-moz-radial-gradient(' + window.innerWidth + 'px ' + window.innerHeight + 'px, closest-corner, purple, #2F2727)' );