行为不端的页脚

Question

我有一个页脚，它一直在底部。 但我注意到，当我滚动它时，它会越过一些元素，但它会出现在其他看起来非常奇怪的元素之下。 我不明白为什么会这样。

footer {
    background: linear-gradient(to right, #ffffff 0%, #000066 100%);
    border-style: outset;
    border-width: 10px;
    border-color: #060675;
    text-align: center;
    font-size: 15px;
    position: fixed;
    bottom: 0;
    height: 80px;
    width: 100%;
  }

我想要一个涵盖所有内容的页脚。 这是关于定位absolute和relative吗？ 这可能是因为某些元素是相对定位的，而有些我没有指定，因此默认情况下它是相对定位的，但页脚超出而不是下方。

我怎么能 go 关于这个？

Answer 1

您将需要添加处理 CSS 中的层的 z-index..

z-index 属性指定元素的堆叠顺序。

具有较大堆栈顺序的元素始终位于具有较低堆栈顺序的元素之前。

 footer { background: linear-gradient(to right, #ffffff 0%, #000066 100%); border-style: outset; border-width: 10px; border-color: #060675; text-align: center; font-size: 15px; position: fixed; z-index: 10; /* higher the number the more upper layer it will go*/ bottom: 0; height: 80px; width: 100%; }