不重复应用于正文标记的css整页背景色

我想有一个涵盖整个页面的背景

我在

body

标记中添加了

Style

尝试1： 默认情况下，重复背景。

尝试2： 当我添加

背景重复：no repeat

时，没有重复，但颜色不会显示在整页上。

尝试3： 我们添加这些属性：

-moz-background-size: cover;

-webkit-background-size: cover;

-o-background-size: cover;


    background-size: cover;

然而，没有新的进展

---

有什么想法吗：如何通过将样式应用于BODY标记，使整个页面的背景色不重复？添加

背景色

：

.color-grad {background-color: rgb(238,244,248);}

---

添加

背景色

：

.color-grad {background-color: rgb(238,244,248);}

---

您需要为

和

我建议您对

应用渐变，而不是将其设置为

您可能还想看看

背景附件：fixed这对于你的背景来说很方便

请注意，您不必使用
背景尺寸：cover用于此。
您需要为
和
设置
高度


我建议您对
应用渐变，而不是将其设置为

您可能还想看看
背景附件：fixed这对于你的背景来说很方便

请注意，您不必使用
背景尺寸：cover用于此。
通过执行以下CSS，您可以在不重复的情况下获得全身颜色。e、 g

html, body{
    background: linear-gradient(rgba(19, 51, 76, 5), rgba(0, 87, 146, 5));
    background-attachment: fixed;
    background-size: cover;
    height: auto
}

通过执行以下CSS，您可以实现无需重复的全身颜色。e、 g

html, body{
    background: linear-gradient(rgba(19, 51, 76, 5), rgba(0, 87, 146, 5));
    background-attachment: fixed;
    background-size: cover;
    height: auto
}

有背景尺寸：封面。背景位置：中间。你的小提琴是个坏例子。添加body{height:800px；}以查看它是否与背景大小：coverYes背景大小：cover一起工作。背景位置：中间。你的小提琴是个坏例子。添加body{height:800px；}以查看它是否与背景大小一起工作：coverThis不能解决渐变没有延伸到浏览器窗口的整个高度的问题-它只是屏蔽了它。这不能解决渐变没有延伸到浏览器窗口的整个高度的问题-它只是屏蔽了它。这就是答案。要考虑添加到<代码> HTML中，正文规则将是<代码>填充：0；保证金：0你可能会得到滚动条。@Raad这是重置的一部分，所以我希望他会这么做，但感谢你添加了提示。不客气-我没有看到小提琴上勾选的“正常化”选项，但看到了滚动条，因此提示=）@Raad是的，我不检查这些，因为如果我做OP，可能会觉得它在小提琴上效果很好，但为什么不在本地。。。如果他已经重新安置，那么无论如何都不会造成伤害……这就是答案。要考虑添加到<代码> HTML中，正文规则将是<代码>填充：0；保证金：0你可能会得到滚动条。@Raad这是重置的一部分，所以我希望他会这么做，但感谢你添加了提示。不客气-我没有看到小提琴上勾选的“正常化”选项，但看到了滚动条，因此提示=）@Raad是的，我不检查这些，因为如果我做OP，可能会觉得它在小提琴上效果很好，但为什么不在本地。。。如果他已经安顿下来了，那无论如何都不会有什么坏处。。。