Html 在整个页面上重复背景，而不仅仅是视图区域

我有这样的背景：

background: radial-gradient(ellipse farthest-side at 10% 0,
        rgba(74, 121, 147, 0.89),
        rgba(204, 204, 204, 0.85) 60%,
        rgba(185, 135, 131, 0.87) 120%)
        repeat scroll 0 0,
        url('../img/bgnoise.png') repeat scroll 0 0 rgba(0, 0, 0, 0);

就像一个魔咒，但当我调整浏览器窗口的大小，使其有一个水平滚动条时，背景开始在窗口的左右边缘重复。 是否可以将此背景设置为整个页面而不是当前视图区域

编辑

忘了提一下，对不起： 它应用于body标记。以下是正文的整个css：

body {
    min-width: 1000px;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background: radial-gradient(ellipse farthest-side at 10% 0,
        rgba(74, 121, 147, 0.89),
        rgba(204, 204, 204, 0.85) 60%,
        rgba(185, 135, 131, 0.87) 120%)
        repeat scroll 0 0,
        url('../img/bgnoise.png') repeat scroll 0 0 rgba(0, 0, 0, 0);
}

---

请尝试使用下面的代码段

background-repeat: no-repeat;

---

您可以在样式表中添加以下代码段

@media only screen and (max-width: 999px) {
body{min-width:inherit;}
}

---

这是否适用于

body

或

div

如果是div，请为该

div

提供

css

。对不起，我更新了问题。与其在body上设置最小宽度和最大宽度，为什么不将body设置为100%宽度，然后将容器div设置为所需的宽度。使用主体作为容器通常是不好的做法，或者是@mituw16建议的解决方案。或者也可以设置一个固定位置的div作为背景，使其与页面一起滚动。感谢您的帮助@mituw16-尝试了一下，但我得到了相同的结果。好的。我弄错了。我认为min width在这里制造了麻烦。尝试不使用最小宽度，它应该可以工作。我在我这边检查过了。其工作结果相同-背景开始在视图区域外重新绘制。