Javascript html，由于高度原因，背景图像无法重复：100%设置

我有一个我用过的网页

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

以便在我的内容不可用时填充屏幕的其余部分 有足够的东西在里面，以超越底部

因为body/html元素是根据视口调整大小的，当我这样做时 如果有足够的内容可以滚动，我的背景图像会被切断 默认的x/y背景重复行为应该是什么

body {
    color: rgb(51, 51, 51);
    background-image: url('../img/stardust3.png');
}

html/body标记保留其100%高度标注，但100%视口比必须滚动的文档小。最终，我的html/body标记被卡在顶部

在此之前，我使用javascript获取文档大小并不断更改 调整屏幕大小时的元素尺寸。我必须回到那个话题吗

谢谢

试试以下方法之一：

body{
    background-attachment: fixed;
}

这将使您的背景不会与页面的其余部分一起滚动

html, body{
    min-height: 100%;
}

这将使您的html、正文与内容一起增长，并在内容<100%时填充屏幕。

尝试以下方法之一：

body{
    background-attachment: fixed;
}

这将使您的背景不会与页面的其余部分一起滚动

html, body{
    min-height: 100%;
}

这将使您的html、正文与内容一起增长，并在内容<100%时填充屏幕。

尝试以下方法之一：

body{
    background-attachment: fixed;
}

这将使您的背景不会与页面的其余部分一起滚动

html, body{
    min-height: 100%;
}

这将使您的html、正文与内容一起增长，并在内容<100%时填充屏幕。

尝试以下方法之一：

body{
    background-attachment: fixed;
}

这将使您的背景不会与页面的其余部分一起滚动

html, body{
    min-height: 100%;
}

---

这将使您的html、正文随内容增长，如果内容<100%，则填充屏幕。

如果您仅设置

高度：100%

以将背景图像扩展到页面底部，请不要这样做。无论内容如何，

元素上的背景始终会填充视口。此外，html元素上没有内置边距。相反，请使用：

html { background-image: url(../img/stardust3.png); }
body { margin: 0; padding: 0; }

---

如果只设置

高度：100%

将背景图像延伸到页面底部，请不要这样做。无论内容如何，

元素上的背景始终会填充视口。此外，html元素上没有内置边距。相反，请使用：

html { background-image: url(../img/stardust3.png); }
body { margin: 0; padding: 0; }

---

如果只设置

高度：100%

将背景图像延伸到页面底部，请不要这样做。无论内容如何，

元素上的背景始终会填充视口。此外，html元素上没有内置边距。相反，请使用：

html { background-image: url(../img/stardust3.png); }
body { margin: 0; padding: 0; }

---

如果只设置

高度：100%

将背景图像延伸到页面底部，请不要这样做。无论内容如何，

元素上的背景始终会填充视口。此外，html元素上没有内置边距。相反，请使用：

html { background-image: url(../img/stardust3.png); }
body { margin: 0; padding: 0; }

---

一把小提琴会有帮助-根据你的例子，我把它放在一起：-但是它不会复制你的问题。而且，你在100%是的，缺少分号后缺少一个分号。在我的实际代码中不是这样的，但是我已经更新了，以防其他人读到这篇文章。谢谢。一把小提琴会有帮助的-根据你的例子，我把它放在一起：-但是它并没有复制你的问题。而且，你在100%后丢失了一个分号是的，丢失了分号。在我的实际代码中不是这样的，但是我已经更新了，以防其他人读到这篇文章。谢谢。一把小提琴会有帮助的-根据你的例子，我把它放在一起：-但是它并没有复制你的问题。而且，你在100%后丢失了一个分号是的，丢失了分号。在我的实际代码中不是这样的，但是我已经更新了，以防其他人读到这篇文章。谢谢。一把小提琴会有帮助的-根据你的例子，我把它放在一起：-但是它并没有复制你的问题。而且，你在100%后丢失了一个分号是的，丢失了分号。在我的实际代码中不是这样的，但是我已经更新了，以防其他人读到这篇文章。谢谢，这就成功了。我将图像从我的主体css移动到我的html css。我使用height:100%是因为其他原因，这个修正允许我保持这个设置。谢谢，这就成功了。我将图像从我的主体css移动到我的html css。我使用height:100%是因为其他原因，这个修正允许我保持这个设置。谢谢，这就成功了。我将图像从我的主体css移动到我的html css。我使用height:100%是因为其他原因，这个修正允许我保持这个设置。谢谢，这就成功了。我将图像从我的主体css移动到我的html css。我使用height:100%是因为其他原因，这个修正允许我保持这个设置。非常感谢。