css - 使用 CSS 创建固定的、内容重叠的页脚

Question

我完全不熟悉 CSS 编码，希望有人能帮助我。当您在移动版页面上向下滚动时，我希望我的图片显示在页脚后面，我该怎么做？ This是现在的样子。

这是我的页脚的 CSS 代码:

.Footer{

width:100%;

position:fixed;

top:auto;

bottom:0px;

background-color:rgba(242,231,213,2); }

谢谢。

Answer 1

只需添加一个较高的 z-index 值即可使页脚始终位于所有内容的顶部:

.Footer {
  width: 100%;
  position: fixed;
  top: auto;
  bottom: 0px;
  z-index: 999;
  background-color: rgba(242, 231, 213, 2);
}

如您在此屏幕截图中所见:

您的幻灯片有一个很大的 z-index 值，使它们越过页脚。所以页脚的 z-index 需要更大。