Css 引导页脚Z索引

您好，提前谢谢您的帮助。以下是有关网站的链接：

我正在尝试使用Bootstrap4创建视差页脚显示效果。我似乎无法编辑

固定底部
页脚
的
z-index
，将其隐藏在主体
div
后面，以便仅在滚动到主体
底部后显示，主体
的
边距底部
等于
div
的高度。由于某种原因，当试图编辑
z索引时，什么也没有发生。我假设这是引导CSS中的某种原因造成的，但我不知道从哪里开始寻找它。有人能帮忙吗

CSS:

HTML:


&抄袭；2018年玛格丽特·比格斯

是，这是引导，通过css特性覆盖css

您添加了BS clss
固定底部
，其z索引为1030

选择器
footer
不会覆盖它

使用
footer.fixed bottom
通过特殊性覆盖BS

在
车身温度的情况下
。它有一个
位置：static
。这不适用于
z-index
。要解决此问题，请在
体温
样式上添加
位置：相对


“对于定位框（即具有除静态以外的任何位置的框），z-index属性指定：…”

希望这有帮助：）
最快、最简单的解决方案是只需设置.body temp div的位置，如下所示：

.body-temp {
    position: relative;
}

也就是说，我要做的是将整个.body temp div包装在包装器中，并指定所述包装器div的背景颜色：

HTML

<div class="body-wrapper">
    <div class="container body-temp"></div>
</div>
<footer class="container-fluid fixed-bottom">
    <a class="" href="#">
        <img class="grow" id="footer-logo" src="images/mb-white.svg" alt="Margaret Biggs Fine Art">
    </a>
    <p>© 2018 Margaret Biggs</p>
    <div>
        <a class="footer-icons" href="#">
            <i class="fab fa-linkedin-in"></i>
        </a>
        <a class="footer-icons" href="#">
            <i class="fab fa-facebook-f"></i>
        </a>
    </div>
</footer>

谢谢，我想是的。为什么编辑
体温的
z-index
不起作用，你知道吗？很好，是的，这两个问题都需要改变。谢谢你抽出时间！回答得很好，太棒了。伙计，密码！
.body-temp {
    position: relative;
}

<div class="body-wrapper">
    <div class="container body-temp"></div>
</div>
<footer class="container-fluid fixed-bottom">
    <a class="" href="#">
        <img class="grow" id="footer-logo" src="images/mb-white.svg" alt="Margaret Biggs Fine Art">
    </a>
    <p>© 2018 Margaret Biggs</p>
    <div>
        <a class="footer-icons" href="#">
            <i class="fab fa-linkedin-in"></i>
        </a>
        <a class="footer-icons" href="#">
            <i class="fab fa-facebook-f"></i>
        </a>
    </div>
</footer>

.body-wrapper {
    position: relative;
    z-index: 5000;
    background-color: #fff;
}