当Z-index改变时,链接不起作用

时间:2018-05-28 06:49:59

标签: html css

这是我到目前为止完成的工作:Social Network

如果在课程.cover-profile中我更改了z-index的值,则链接停止为类.navigation工作。

我已将导航栏固定在顶部,并在滚动时希望其他内容位于导航栏后面。

4 个答案:

答案 0 :(得分:0)

尝试使用as .navbar {  z-index:2; } .cover-profile {  z-index:1; }

答案 1 :(得分:0)

什么是.cover-profile? 我从.cover-profile中删除z-index,并将z-index添加到navbar

.navbar {
  display: inline-block;
  top: 0;
  width: 100%;
  height: 70px;
  background-color: #eb3b5a;
  position: fixed; 
  z-index: 1;
}

你可以在这里查看 https://codepen.io/anon/pen/mKbVaE

答案 2 :(得分:0)

这是因为您将整个.cover-profile课程放在页面的<body>后面。这就是它无法正常工作的原因。

答案 3 :(得分:0)

请查看以下链接

https://codepen.io/anon/pen/mKbVgr

问题在这里.cover-profile { z-index: -1; }

关于z-index属性,它指定元素的堆栈顺序。

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

在这种情况下,"cover-profile"的z-index为-1,它将放在body后面。