Html 当向下移动div元素时，背景图像也会随之移动

我正在从事一个rails项目。我已经把rails的所有方面都搞定了，没有什么问题。然而，我遇到了一个CSS问题，这是我通常不会遇到的。通常会遇到ruby问题

基本上，我在页面上设置了一个背景图像。在该页面的顶部，我有一个div元素。当我继续向下移动div元素时，背景图像将与之保持一致。这几乎就好像两者是相连的。以下是我的代码：

HTML:

<div class="about_background">

 <div class="container heading_block">
    <h1 class="about_heading"><i class="fa fa-flask"></i> About Abby <i   
    class="fa fa-cutlery"></i></h1>
 </div>

</div>

---

请告诉我还需要什么。我尝试在JSFIDLE上设置一些东西，但没有得到我需要的东西。如果您需要在github上查看代码，它位于ravenusmc，food_博客下。谢谢你的帮助

如果我明白你的意思，那就加上

---

最小高度：100%

到

关于_background

类。

我不确定您试图如何移动div，但这是我通常用来移动元素的

.heading_block {
position: relative;
top: 10px; //or however far you want to move it. 
background-color: rgba(200,100,175, 0.8);
border-radius: 35px;
 }

---

我不能完全肯定我理解你的问题

你要搬去哪个部门？如果它是第一个（外部），那么背景将随它一起移动，因为它连接到该容器

背景附件

不会改变这一点，事实上，如果你用这个重新调整窗口的大小，你会看到它实际上在做什么，把背景的位置锁定到你的屏幕上，重新调整窗口的大小会使它在容器内滚动

移动第二个div（内部）将在测试中保留背景

---

如果你必须让背景保持在原处，也许可以将其粘贴到主体上。

尝试过了，但仍然向下移动页面！它是一个带有div元素和H1标记的背景图像。每次我加上页边空白：55px；到heading_block类，则背景图像将随div元素下移。非常讨厌！明白了，我好像忽略了这个位置：亲戚！它现在确实起作用了。谢谢你的帮助！谢谢你的评论！结果是我放弃了这个职位：亲戚。添加后，div元素在页面上向下移动，背景图像保持不变。再次感谢你！

.heading_block {
position: relative;
top: 10px; //or however far you want to move it. 
background-color: rgba(200,100,175, 0.8);
border-radius: 35px;
 }