CSS背景渐变覆盖整个页面

Question

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

body{
background: -moz-radial-gradient(60% 40%, closest-corner, purple, #2F2727);
background-size: cover;
-moz-background-size: cover;
}

我尝试了这个，但它不起作用。我的渐变重复。

Answer 1

您需要添加background-repeat：no-repeat;

Answer 2

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

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

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