Question

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

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

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

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

Answer 1

在body标签内添加背景

class Property < ApplicationRecord
  validates :address, presence: true, length: {minimum: 10}
  validates :price, presence: true
  validates :description, presence: true
  validates :bedrooms, presence: true
  validates :bathrooms, presence: true
  validates :type, presence: true
  validates :sqft, presence: true
  validates :lot, presence: true
  validates :year_built, presence: true
 end

它将解决您的问题。

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>

背景图像不包括整个网页

3 个答案: