css - CSS背景渐变覆盖整个页面

Question

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

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

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

Answer 1

如果您使用的是 jQuery，从逻辑上讲，这应该可以工作：

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

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

Answer 2

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