Question

我尝试以某种方式更改我的网站，以便所有文字都在一个页面而不是不同的目录中。在原文中，容器div的部分透明背景与页面一起滚动，否则文本将在其上滚动。新页面更长，所以我想我会将背景设置为固定，只是重新设计一下。但是现在当我在某个时刻滚动时，背景消失了。我无法找到造成这种情况的原因。我还在学习使用div的细节，所以，如果你知道造成这种情况的原因，请用我理解的语言向我解释。

Answer 1

您应该从css样式中的height: 100%;元素中删除#home。

Answer 2

将背景图片设置为另一个div（#back）而不是#home。

HTML

<body>
  <div id="back"></div>
  <div id="home"></div>
</body>

CSS

#back{
    position: absolute;
    background-image: url('image.jpg');
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

div的背景在滚动时消失

2 个答案: