使用CSS创建固定的，内容重叠的页脚

时间：2017-11-22 09:39:35

标签： css footer

我完全使用CSS编码，并希望有人可以帮助我。当您在移动版本的页面上向下滚动时，我希望我的图像显示在页脚后面，我该怎么做？ This就是它现在的样子。

以下是我的页脚的CSS代码：

.Footer{

width:100%;

position:fixed;

top:auto;

bottom:0px;

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

谢谢。

2 个答案:

答案 0 :(得分：1)

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

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

正如您在此屏幕截图中所见：

enter image description here

您的幻灯片具有较大的z-index值，使其超过页脚。所以页脚的z-index需要更大。

答案 1 :(得分：0)

将.sqs-gallery-design-stacked-slide添加到z-index课程，因为它设置来自轮播的值.sqs-gallery-design-stacked-slide{ z-index: 0 !important; } 会增加更大的值。因此，添加以下css将解决问题。

# sysctl vsyscall=emulate
相关问题
最新问题