css 整页背景颜色不重复应用于 BODY 标签

Question

我想要一个涵盖整页的背景。

我添加Style到body标签。

尝试 1：小提琴

默认情况下，背景是重复的。在此处输入图片说明

当我添加时background-repeat:no-repeat，没有重复但颜色没有出现在整页上。在此处输入图片说明

我们添加这些属性：

-moz-background-size: cover;

-webkit-background-size: cover;

-o-background-size: cover;


    background-size: cover;

不过，没有新意。

Answer 1

您需要设置heightfor<html>和<body>

html, body {
    height: 100%;
}

.your_gradient_class {
    /* Your gradient declaration goes here */

    background-attachment: fixed; /* Add this */
}

我建议您将渐变应用于<html>而不是将其设置为<body>

您可能还想看看background-attachment: fixed;哪些对您的背景有用。

请注意，您不必为此使用background-size: cover;。