背景图片未覆盖整个网页

Question

正如标题所述，我的背景图像不涵盖整个页面。我一直在乱七八糟的情况下，没有运气。

这是CSS和HTML内容的链接：

https://cs.iupui.edu/~jweilham/n341/background.html

https://cs.iupui.edu/~jweilham/n341/background.css

Answer 1

添加您的背景内部标签

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

它将解决您的问题。

Answer 2

如果我了解纠正责任，问题是当您向下滚动时，图像将不涵盖页面的其余部分。您可以很容易地解决此问题。在您的CSS文件上，只需将position: absolute替换为position: fixed。

#animatedBackground {
   position: fixed;
}

Answer 3

问题是Div＃AnimatedBackground不包含HTML的其余部分

将所有HTML标签放入div id ='animatedBackground'

中

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