Html 加入“；位置：固定&引用；防止所有滚动，即使在未附加的元素上

所以，应该是相当直接，但我不知道为什么这是不工作（也许我累了）

我试图在我的网页上添加一个固定的位置，这样我就有了一个不移动的好背景，然后在顶部有一个可以滚动的文本空间（这样文本就会移动，但图像保持不变）。但当我添加“位置：固定”时，它只是停止一起滚动，就我所知，它应该只停止它所连接的部分的滚动。 这是我的html

<div id="Home-background">
        <div id="Home">
            <a name="Home"></a>
                <div class="page-padding"></div>
        </div> 
    </div>

标记的位置是导致问题的原因，但它应该不会影响#主场，对吗

编辑：我想我应该注意，我使用的是其他固定元素（目前我在侧面有一个顶部栏和一个菜单栏，它们都是固定的，并且都滚动，直到我添加上面提到的固定元素。但是有多个固定元素也不会阻止其他固定元素工作，对吗？（是的，我分别对它们进行了z索引）

#Home background

正在包装

#Home

div，如果它是

位置：固定的

要放置固定背景，请在主体上放置背景

在您的示例中，它应该如下所示：


无重复
防止背景图像重复

背景位置：固定
防止图像滚动

背景尺寸：100%100%
拉伸图像以适合身体元素


注意：本例中的图像并不表明它是固定的，但它是：）


正文{
保证金：0；
背景：url（'http://www.placehold.it/1000")不重复;；
背景大小：100%100%；
背景位置：固定；
}
#家{
位置：相对位置；
宽度：70%；
最小高度：3000px；
背景：#ffffff；
填充顶部：50px；
填充底部：100px；
}
我设法修复了它，问题是“家”在“家背景”中，尽管我仍然不明白为什么会破坏它

下面解决了我的问题

<div id="Home-background"></div>
<div id="Home">
    <a name="Home"></a>
        <div class="page-padding"></div>
</div> 



<div id="Home-background"></div>
<div id="Home">
    <a name="Home"></a>
        <div class="page-padding"></div>
</div>