页脚中的内容是非交互式的（无法突出显示，点击链接等）

Question

我使用flexbox来设置一个粘贴页脚，因为我的页脚大小可能因页面大小而异。这一切都有效，但现在由于某种原因，页脚是非交互式的！

请点击此处：http://teamcherry.com.au/about/

我的意思是，文本无法突出显示，无法点击链接，也无法突出显示文本框。我玩过它但不知道原因是什么。

Answer 1

您需要将z-index: -1;上的footer更改为z-index: 0;，否则您可以将其完全删除：）

Answer 2

z-index您的页脚-1进行了以下更改

footer {
width: 100%;
background-color: #2d2d2d;
color: #ecebe1;
z-index: 0;/*changed*/
}

或

footer {
width: 100%;
background-color: #2d2d2d;
color: #ecebe1;
/*z-index: 0;removed*/ 
}

Answer 3

您的页脚无效，因为您使用的是z-index负值。删除它或给出正值。

footer {
    background-color: #2d2d2d;
    color: #ecebe1;
    width: 100%;
    z-index: -1; /*Remove this*/
}

  

注意：Z-index仅在您提供位置relative或时才有效   absolute;

Answer 4

尝试将z-index放在页脚div上。