Javascript 背景图像不'；不要覆盖整个网页

正如标题所说，我的背景图片并没有覆盖整个页面。我一直在摆弄各种设置，运气不好

以下是指向CSS和HTML内容的链接：

---

如果我理解correctyle，问题是向下滚动时，图像不会覆盖页面的其余部分。你可以很容易地解决这个问题。在css文件中，只需将

position:absolute

替换为

position:fixed

#animatedBackground {
   position: fixed;
}

---

在body标签中添加背景

html, body {
    font-family: "Trebuchet MS", sans-serif;
    margin: 50px;
    background: url("clouds.png");
}

它将解决您的问题。

问题是div#animatedBackground不包含html的其余部分

将所有html标记放入

div id='animatedBackground'

<div id="animatedBackground">
     // All other including div#accordion,fieldset,form
</div>

//所有其他，包括div#手风琴、现场设置、表格

您希望使用vh单位表示高度。顺便说一下，我很喜欢你制作的下拉菜单；）。顺便说一下，我想高度是个问题，由于您的页面在Google chrome中显示正常。顺便说一句，如果您希望即使在滚动时背景也保持不变，请使用

位置：fixed

。这会使图像覆盖整个页面，但也会使图像不再左右滚动。这会使图像覆盖整个页面，但也会使图像不再滚动左右挥动 排排共舞。